安装vue-cli和安装nuxt

Posted 2021-03-25 liufeiran

安装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:/.(jsvue)/,
　　　　　　　　　　//loader:‘eslint-loader‘, 注释掉
　　　　　　　　　　exclude:/cnode_modules/
　　　　　　　　})
　　　　　　}
　　　　},
　　　　cache:false 改为false，同时删除node_modules中的.cache文件夹
　　}