安装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文件夹

　　}