vue 开发前准备工作

Posted 2021-02-05 jiangtengteng

　　工欲善其事，必先利其器。

　　第一步，选择一个合适的编辑器：

　　看vue官网上，有推荐用HBuilder X这个编辑器，这个我在开发微信小程序的时候，就是用的这个编辑器，还可以，挺好用的，也可以用git做版本管理，这里我们去官网下载一个新的版本http://www.dcloud.io/hbuilderx.html。自己安装即可。

　　第二步，安装node开发环境：

　　到node官网下载安装即可（https://nodejs.org/en/）。

　　安装好node后，npm也就一起安装好了，我们可以使用nvm去切换以及安装不同的node版本,，具体的有兴趣的同学可以自己去百度一下~

　　特别提一句，在我们使用npm的时候，会感觉有些包安装起来比较慢，有的还会失败，这时我们可以用淘宝镜像去安装npm包，要使用淘宝镜像，先执行这样一局命令：

　　$ sudo npm install -g cnpm --registry=https://registry.npm.taobao.org，然后我们就可以使用cnpm命令去安装需要的npm包了~


　　具体的可以到淘宝NPM镜像网站上自己看看http://npm.taobao.org/。

　　第三步，调试工具：

　　我们使用chrome浏览器来进行调试，不过要先安装一个调试插件Vue.js devtools，如果没有FQ工具，可以到这里下载安装http://getcrx.cn/#/qcrxid/nhdogjmejiglipccpnnnanhbledajbpd

　　第四步，工程环境：

　　安装vue-cli工具：$ sudo npm i -g vue-cli。

　　完成以上，准备工作就算完成了。