码迷,mamicode.com
首页 > 其他好文 > 详细

安装vue-cli和安装nuxt

时间:2019-10-23 23:51:09      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:mongo   使用   eric   date   install   babel   parse   force   bpa   

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

安装vue-cli和安装nuxt

标签:mongo   使用   eric   date   install   babel   parse   force   bpa   

原文地址:https://www.cnblogs.com/liufeiran/p/11729575.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!