一、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
    

在这里插入图片描述

发布了25 篇原创文章 · 获赞 2 · 访问量 3326

猜你喜欢

转载自blog.csdn.net/sinat_24918465/article/details/101776387