本文介绍个人研究搭建前端开发环境小记，供自我总结，也给大家一些参考，大神勿喷。

会用到的几个工具

1、webstorm（官网 https://www.jetbrains.com/webstorm/）
这应该是前段开发当之无愧的神器了。>可自行搜索破解版
2、node.js（node.js官网 https://nodejs.org/en/）
3、vue、vue-cli安装

部署过程

1、webstorm安装，直接双击exe安装即可
2、node.js 直接点击下一步安装，最后会tan等待poweshell安装完毕
node.js安装完毕后，会同时安装好npm，所以，记一下node.js的安装路径。

3、vue安装，进入node.js的安装路径

然后使用 npm install vue -g

*最好带-g 进行全局安装 *
4、vue-cli安装

执行 nmp install vue-cli -g

vue-cli的官方介绍Vue CLI是用于快速Vue.js开发的完整系统，它提供：

通过交互式项目脚手架@vue/cli。通过@vue/cli+ 零配置快速原型@vue/cli-service-global。运行时依赖项（@vue/cli-service）：可升级建立在webpack之上，具有合理的默认值；可通过项目内配置文件进行配置；可通过插件扩展丰富的官方插件集合，集成了前端生态系统中的最佳工具。完整的图形用户界面，用于创建和管理Vue.js项目。Vue CLI的目标是成为Vue生态系统的标准工具基线。它可以确保各种构建工具与合理的默认设置一起顺利运行，因此您可以专注于编写应用程序，而不必花费大量时间进行配置。同时，它仍然可以灵活地调整每个工具的配置，而无需弹出。

结尾 其实webstorm还可以换成同源的idea或者HBuilder，大家可以根据自己的喜好做对应的调整。