使用 分享 pre 直接 src bsp 執行文件 star -c

Nuxt是基於Vue的一個應用框架,采用服務端渲染(SSR),可以讓用戶的Vue單頁面應用(SPA)也可以有利於SEO。

1.npm install -g npx

2.npx create-nuxt-app project-name

3.技術分享圖片

4.按圖中選項配置

5.官方腳手架直接使用node 執行文件,不使用babel處理,所以導致使用 import koa from ‘koa‘會失敗。

6.配置babel來執行server程序,在package.json dev和start新增 --exec babel-node

技術分享圖片

7.在根目錄下新建.babelrc指令集文件,輸入

{
"presets":["es2015"]
}

8.在安裝插件 npm install babel-preset-es2015和npm install babel-cli -S

9.在輸入 npm run dev就可以正常運行了

nuxt.js 2.0 開發環境配置