6.Vue脚手架

Vue脚手架的基本用法：

vue脚手架用于快速生成vue项目基础架构

使用步骤：

1. 安装3x版本的Vue脚手架：

   npm install -g @vue/cli
   

2. 基于脚手架创建vue项目

   1.基于交互式命令行的方式，创建新版vue项目
   vue create my-project
   
   2.基于图形化界面的方式，创建新版vue项目
   vue ui 
   
   3.基于2.x的旧模块，创建旧版vue项目
   npm install -g @vue/cli-init
   vue init webpack my-project
   

3. Vue脚手架的自定义配置项目

   1. 通过packjson.json配置项目

      //必须是符合规范的json语法
      "vue": {
      	"devServer": {
      		"port": "8888",
      		"open": true
      	}
      }
      //不推荐使用这种配置方式，因为package.json主要用来管理包的配置信息，为了方便维护，推荐将vue手架相关的配置，单独定义到vue.config.js配置文件中
      

   2. 通过单独的配置文件配置项目

      1. 在项目的根目录创建文件vue.config.js

      2. 在该文件进行相关配置，从而覆盖默认配置

         module.exports = {
         	devServer: {
         		port: "8888",
         		open: true //自动打开浏览器
         	}
         }