前置条件
- node.js
- npm或cnpm
- vue3
全局安装Vue CLI
注意:我使用的是windows系统,全局安装需要管理员权限,故需要用管理员权限打开cmd;如果是mac或linux系统可以在如下语句的前面加上sudo
cnpm install -g @vue/cli
然后输入
vue --version
如果输出Vue CLI的版本就说明安装成功了
更新Vue CLI
后续如果需要更新
同样是需要管理员权限,做全局更新
cnpm update -g @vue/cli
创建一个项目
Vue CLI创建和管理项目有如下两种方式,这部分cmd可以通过编译器(如IDEA或VSCode等)执行,当然也可以继续使用刚刚的cmd
通过指令
vue create 项目名
通过可视化界面
vue ui
cmd会输出一个地址,一般为
http://localhost:8000/
浏览器打开后可以进行可视化的创建项目