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地址即可!

2.5 模版默认的界面

在这里插入图片描述


版权声明:本文为qq_40307379原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。