安裝vue-cli和安裝nuxt

安裝vue-cli：
1.npm install vue-cli -g
2.vue install webpack 項目名
3.cd 項目名
4.npm install
5.npm i webpack-dev-server css-loader style-loader less less-loader --save-dev
6.npm i axios element-ui --save
7.npm run dev

 

安裝nuxt：
1.npm install -g npx
2.npx create-nuxt-app 項目名
　　使用npx報錯：npm ERR!code ENOLOCAL
　　緣由：node_cache所在文件夾路徑包含空格:Program Files
　　1).查看node的cache所在路徑：npm config list
　　2).修改路徑npm config set cache "C:\Program_Files/nodejs/node_cache"
　　3).查看當前的node_cache所在路徑
　　python報錯能夠無論
3.cd 項目名
4.npm run dev
5.結束它
6.從新安裝一下：npm install --update-binary
7.裝：
　　babe-core@6.26.3 --save
　　babel-loader@8.0.6 --save
　　babel-preset-es2015@6.24.1 --save
　　@nuxtjs/axios@5.0.0 --save
　　sass-loader --save
　　node-sass --save

　　"axios": "0.18.0"
　　"core-js": "^2.6.9",
　　"cross-env": "5.2.0",
　　"koa": "2.5.2",
　　"koa-bodyparser": "4.2.1",
　　"koa-generic-session": "2.0.1",
　　"koa-json": "2.0.2",
　　"koa-passport": "4.1.1",
　　"koa-redis": "3.1.2",
　　"koa-router": "7.4.0",
　　"mongoose": "5.3.0",

建：.babelre:{"presets":["es2015"]}
nuxt.config.js工程配置文件修改：
　　build:{
　　　　extend(config,ctx){
　　　　　　if(ctx.isDev && ctx.isClient){
　　　　　　　　config.module.rules.push({
　　　　　　　　　　enforce:'pre',
　　　　　　　　　　test:/\.(js\vue)/,
　　　　　　　　　　//loader:'eslint-loader', 註釋掉
　　　　　　　　　　exclude:/cnode_modules/
　　　　　　　　})
　　　　　　}
　　　　},
　　　　cache:false 改成false，同時刪除node_modules中的.cache文件夾
　　}