Node 创建Vue项目
1、安装Vue环境
1.1 Brew安装Node
Homebrew命安装:前往查看
brew install node
1.2 安装cnpm
由于下载速度方面原因,建议安装cnpm(淘宝镜像)来下载所需文件。
npm install -g cnpm --registry=https://registry.npm.taobao.org
1.3 安装Vue脚手架
该处建议参考官网最新文档:VueCLI
cnpm install -g @vue/cli
2、创建Vue项目
2.1 拉取项目模版
最新模版获取:
vue create hello-world
拉取 2.x 模板 (旧版本):
cnpm install -g @vue/cli-init
vue init webpack 项目名称
特别注意:该处vue init webpack命令直接将项目存放在你当前所在的目录了,也就是说你需要在进入到要保存的路径下,再去使用vue init webpack 项目名称命令下拉模版。
2.2 项目信息
根据实际需要选择项目安装的插件,因为是第一个项目,所以就没有安装别的东西。
可以看到,项目初始化成功了!
注意最后一步,我们选用安装的cnpm安装依赖等一些东西会快一点!
2.3 安装项目依赖
cnpm install
2.4 启动项目
该处的启动命令具体看文档里面的package.json文件里面的scripts里面的操作命令:
cnpm run dev
or
cnpm start
可以看出项目启动成功,访问给出的url地址即可!