webpack搭建vue初始项目

需要注意该方法适用于3.x版本的安装，2.x之前的都不支持该命令

1.npm install -g @vue/cli

全局vue的脚手架vue-cli3.x模板，时间相对较长，建议使用淘宝镜像(我的文章里有介绍怎么切换淘宝镜像)

2.vue create 项目名称

3.选择人工设置

4.通过空格跟上下键选择要安装的组件(*为要选择的组件)

5.是否启用history模式,选择 n

6.选择css编译类型

7.选择标准配置

8.设置保存时重启

9.设置使用单文件配置

10.保存为当前工程使用的配置，非永久,选择 n

11.等待安装

12.完成后根据提示进入项目根目录，并以开发环境运行代码

13.运行成功需要手动打开浏览器(可复制)，地址如下提示

14.运行效果如下，以后每次发生修改保存后会自动刷新浏览器界面

15.这是最后生成的项目目录