webpack搭建vue项目

需要注意该方法适用于3.x版本的安装，2.x之前的都不支持该命令
1.npm install -g @vue/cli
全局vue的脚手架vue-cli3.x模板，时间相对较长，建议使用淘宝镜像

2.vue create 项目名称
创建项目

3.选择人工设置

image.png

4.通过空格选择要安装的组件

image.png

5.选择css编译类型

image.png

6.选择标准配置

image.png

7.设置保存时重启

image.png

8.设置使用单文件配置

image.png

9.保存为当前工程使用的配置，非永久

image.png

10.等待安装，完成后会提示进入项目根目录，并以开发环境运行代码

image.png
image.png

11.运行成功需要手动打开浏览器，地址如下提示

image.png

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

image.png