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 模版默认的界面

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值