Vue CLI
是一个基于Vue.js
进行快速开发的完整系统。在vue-cli3
中Vue CLI
的包名称由vue-cli
改成了@vue/cli
。 如果你已经全局安装了旧版本的vue-cli
(1.x 或 2.x),你需要先通过npm uninstall vue-cli -g
。(这里用的包管理器为npm。)
一. 安装脚手架
确保安装vue-cli3
之前卸载之前安装的旧版本的脚手架。
安装命令:npm install -g @vue/cli
二. 创建项目
使用vue-cli3
创建项目有2种方式,一种通过命令行,一种是通过UI界面。
- 命令行创建项目
创建项目:vue create vue_cli3_test
选择依赖配置方案,最初只有默认配置和手动配置两个,我这里选的手动配置。
选择需要的依赖。
配置依赖,这里看不懂的可以一路回车到底。
项目创建中。
项目创建成功。 - UI界面创建项目
启动UI界面:vue ui
初始界面。
点击创建,然后在此创建项目。
配置项目信息。
选择依赖配置方案,这里我选择手动。
选择依赖。
配置依赖。
可以将配置的依赖保存为一套方案,以后直接使用。
项目创建中。
项目创建成功。
人生舞台的大幕随时都可能拉开,关键是你愿意表演,还是选择躲避。