一、vue创建项目

1.vue-cli脚手架安装

1)检查node版本,4+; node -v
2) 安装vue-cli sudo npm install -g vue-cli
  vue命令可确认是否安装成功
3) 创建项目 vue init webpack 项目名
   此处如有以下报错提示,可尝试添加sudo
rror: EACCES: permission denied, unlink '/Users/mac/.vue-templates/webpack/.gitignore'
    at Object.unlinkSync (fs.js:956:3)
    at rimrafSync (/usr/local/lib/node_modules/vue-cli/node_modules/rimraf/rimraf.js:314:17)
  • 先获取权限,输入 sudo-s
  • 全局安装webpack,输入指令:sudo npm install webpack -g
  • 输入指令 sudo npm install --global vue-cli
  • cd到指定文件夹 cd /vue-new(vue-new为我的文件夹)
  • 输入指令 vue init webpack vue-project (vue-project为搭建脚手架的名称,可自定义)

随后会有一系列操作:
在这里插入图片描述
install安装完成后,文件夹中会生成一些目录、
在这里插入图片描述

4)启动项目
npm run dev

在这里插入图片描述
如提示报错,可检查是否开了代理;这样项目就建成了~~~

2019.10.15
以上创建的是vue-cli 2的版本,下边是3的创建方法
参考官网https://cli.vuejs.org/zh/

  1. 首先安装vue
	npm install -g @vue/cli
	# OR
	yarn global add @vue/cli

如果过程比较慢或者安装到一半暂停可以使用cnpm安装

sudo cnpm install -g @vue/cli

可使用vue --version检测

  1. 安装完成后创建项目
     sudo vue create halloween_19
    

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值