搭建H5开发环境(windows)

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

会用到的几个工具

1、webstorm(webstorm官网)
这应该是前段开发当之无愧的神器了。>可自行搜索破解版
2、node.js(node.js官网)
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,大家可以根据自己的喜好做对应的调整。

你可能感兴趣的:(前端初探,vue,html5,node.js)