## 1. 创建项目 1. 安装最新版本vue ``` # 卸载旧版本 npm uninstall -g vue-cli # 安装新版本 npm install -g @vue/cli ``` 2. 创建项目 ``` vue create vuetest ``` 【选择手选】 ``` PS F:\workspace\vue\vuex> vue create vuextest Vue CLI v4.3.1 ? Please pick a preset: default (babel, eslint) > Manually select features ```  空格为选择，enter确认  **3. 运行** ``` # 安装依赖，项目会多一个node_models目录 npm i # 运行服务 npm run serve ``` 由控制台看出，应用启动了8080端口 ``` App running at: - Local: http://localhost:8080/ - Network: http://10.10.10.60:8080/ Note that the development build is not optimized. To create a production build, run npm run build. ``` 【保存重启】  【设置使用单文件配置】  【保存为当前工程使用的配置，非永久】  【回车，初始化项目】  ## 2. vue.config.js 应用配置 ``` module.exports = { devServer: { open:true,  // 自动打开浏览器 hot:true, // 实时打包编译 host:'0.0.0.0', inline:true,  // 表示实时刷新浏览器 port:'8020'// 指定打开浏览器的端口号   } } ``` 指定应用的为8020