## 编辑器推荐使用**VScode**
[vscode地址](https://code.visualstudio.com/)
***
* 编辑器插件配置
![vscode插件配置](https://box.kancloud.cn/a22d1c9f13abc78278c65e93d155195c_302x750.png)
***
>[info] 当你配置好了插件,在书写.vue文件时,可以快速生成模板
>**scaffold + Tab **
>
![](https://box.kancloud.cn/358796b867c36103c061d2862694b149_620x81.png)
***
![](https://box.kancloud.cn/aeec0d641ff4e782faedea3757cc99d1_360x543.png)
>[success] 要进行基于vuecli的开发,需要先安装nodejs环境
[nodejs官网](https://nodejs.org/en/)
![](https://box.kancloud.cn/e2603e3b1cd094b81fcdf0d40fb7b9dc_986x424.png)
>[danger] 下载安装左边的稳定版,安装完成后打开命令行输入**node -v**查看版本
>[info] 然后最好是安装**git bash**命令行工具
>[info] vuecli开发环境的搭建
>* **cnpm install vue-cli -g** (全局安装)
>* **vue init webpack 项目目录名** (项目初始化)
>* **cnpm install** (依赖包安装)(在config/index.js里面进行端口修改)
>* **npm run dev启动项目**
>[warning] 在config/index里面有启动项目自动打开浏览器,修改为true开启
![](https://box.kancloud.cn/c4ff7a67ef71d7a17fc9cf2426f96099_375x54.png)