全局安装vue-cli

• 安装命令 npm install -g @vue/cli
• 测试安装是否成功 vue -V

显示最新版本为@vue/cli 4.2.2

创建项目

• 命令 vue create 项目名

vue3开始，创建项目的命令变了，若利用vue-cli2.x创建，需装一个桥接工具@vue/cli-init

npm install -g @vue/cli-init

安装完成后，可以利用vue-cli 2.x创建项目
vue init webpack 项目名

• 自定义创建步骤

1. 选择手动安装

   
   手动安装.jpg
2. 利用键盘上下键选择需要安装的环境，点击空格键选中
   自定义安装模块.png
3. 选择支持的css
   node-sass.png
4. 继续自定义安装 1581594593(1).jpg

5. 此后一路默认即可，最终生成的项目结构如图

   
   项目结构.png
   项目目录.png

启动项目

命令：
cd 项目名
npm run serve
启动页面如图：

初始化页面.png