vue 开发前准备工作
工欲善其事,必先利其器。
第一步,选择一个合适的编辑器:
看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。
完成以上,准备工作就算完成了。
当然,官网上不止这一种安装方法,还可以采用引入<script>标签的方式,vue官方网站给提供了一个CDN地址:<script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script>,小伙伴们也可以直接引入使用。