帮助我们把webpack等相关配置处理好，我们只需要基于脚手架快速构建一个项目即可（项目中一定包含webpack的相关配置）
https://cli.vuejs.org/zh/guide/
1.安装脚手架（一般安装在全局） $ npm install @vue/cli -g $ yarn global add @vue/cli 安装成功后，全局环境下会生成一个$ vue的可执行命令，基于$ vue --version 查看版本号 2.创建工程化的项目 $ vue create 项目名称（遵循npm包名称规范，数字或小写字母）
|- src 存储项目开发的源文件 |- main.js 打包编译的入口文件 |- app.vue 项目页面入口文件 |- components 存放当前项目的公共组件 |- xxx.vue |- assets 一般存放项目中需要引入的静态资源文件 |- xxx.png |- xxx.css 单独样式
开发模式下，我们基于这个命令启动一个本地服务把我们基于webpack编译后的内容预览 $ npm run serve
生产模式下，把写好的内容进行编译打包 $ npm run build
$ vue inspect 查看当前项目默认的webppack配置信息 $ vue create $ vue add [plugin] 在当前项目中安装插件 …
默认的配置项中已经把less/sass等规则写好了，如果我们的项目中需要使用less，无需配置规则，只需要安装对呀的模块和加载器即可 $ npm install less less-loader --save / yarn add less less-loader -D
<script> import './xxx/xxx/xxx.less'; </script> 或者 <style lang='less'> //... </style>需要在根目录中设置vue.config.js
删掉打包后dist文件夹 $ rm -rf dist
