安装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文件夹
  }
安装vue-cli和安装nuxt的更多相关文章
- 安装vue CLI后, 出现安装权限问题
		问题:安装vue CLI后,出现:npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules/usr/l ... 
- vue cli的安装与使用
		一.简介 vue作为前端开发的热门工具,受到前端开发人员的喜爱.为了简化项目的构建,采用vue cli来简化开发. vue cli是一个全局安装的npm包,提供了终端使用的命令.vue create可 ... 
- webstorm安装vue插件及安装过程出现的问题
		想要编辑器识别vue文件需要安装vue插件 1. 安装方法: File--> setting --> plugin ,点击plugin,在内容部分的左侧输入框输入vue,会出现1个关于 ... 
- ubuntu下安装vue/cli提示No command 'vue' found
		通过官方指令 npm install -g @vue/cli 安装vue脚手架提示: No command 'vue' found, did you mean: Command 'vpe' from ... 
- Vue CLI 介绍安装
		https://cli.vuejs.org/zh/guide/ 介绍 警告 这份文档是对应 @vue/cli 3.x 版本的.老版本的 vue-cli 文档请移步这里. Vue CLI 是一个基于 V ... 
- 安装vue开发环境→安装淘宝镜像的时候报错
		问题: npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid ... 
- VUE CLI 3.0 安装及创建项目
		一.安装 VUE CLI 3.0 官网: https://cli.vuejs.org/ 详细资料可以自己先把官网过一遍. 1. 安装(默认你的电脑上已安装node及npm) npm install ... 
- 【1】vue/cli 3.0 脚手架 及cube-ui 安装
		安装 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+).你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本. 检查node版本: $ ... 
- 运行vue项目--安装vue脚手架vue cli
		第一步. 安装node: 官网下载node的.pkg,下载地址,选择相应版本进行下载 mac终端下输入npm -v 和 node -v, 出现相应版本号即安装成功. 若均提示 command not ... 
- Vue Cli安装以及使用
		因为公司项目要用vue框架,所以会用vue-cli来新建项目.用过vue的都知道,要全局安装vue以及脚手架vue-cli,然后执行vue init webpack projectname来新建v ... 
随机推荐
- js 详解setTimeout定时器
			setTimeout: 定时器函数 第一个参数是匿名函数,第二个参数是延迟执行时间 setTimeout(function(){},time) 注意: 1.setTimeout函数是Window对象提 ... 
- Spring MVC JSON自己定义类型转换
			版权声明:版权归博主全部.转载请带上本文链接.联系方式:abel533@gmail.com https://blog.csdn.net/isea533/article/details/28625071 ... 
- transform的兼容性写法
			大多数浏览器都有自己的私有前缀,IE的私有前缀是 -ms- 但是大多数CSS3属性对IE低版本就不友好了,所以一般IE9+才能用上transform:rotate(7deg); -ms-transfo ... 
- c中函数指针和回调函数
			函数指针: 指向函数的指针.(定义的函数会分配一块内存,同变量一样存在首地址)示例如下: int Func(int x); /*声明一个函数*/ int (*p) (int x); /*定义一个函数指 ... 
- PHP学习(数组)
			数组就是一个键值对组成的语言结构,键类似于酒店的房间号,值类似于酒店房间里存储的东西. PHP有两种数组:索引数组.关联数组. 索引和关联两个词都是针对数组的键而言的. 索引数组 先介绍下索引数组,索 ... 
- PHP来控制Linux,ssh2来控制服务器端
			注意:我们用PHP来控制Linux,php环境可以在windows也可以在linux,但是我们要控制的机器是一台linux(被控制的linux关闭selinux和firewalld). 如果php在l ... 
- zabbix3.4.x添加短信报警
			一.修改zabbix_server.conf #vi /etc/zabbix/zabbix_server.conf 去掉注释: ### Option: AlertScriptsPath # Full ... 
- ORA-03113: end-of-file on communication channel 解决方案
			Oracle启动时报如下错误:ORA-03113: end-of-file on communication channel 解决方案如下:1.查看orcle启动日志,确定具体是什么原因引起的错误. ... 
- vue vscode属性标签不换行
			"vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attri ... 
- vuex之仓库数据的设置与获取
			如果你之前使用过vue.js,你一定知道在vue中各个组件之间传值的痛苦,在vue中我们可以使用vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新,那么接下来我们就来学习 ... 
