目前前端三大框架(vue、react、angular)中vue是前端工程师经常使用的,在使用之前需要搭建vue开发环境,闲话少说,接下来咱们一起操作起来吧
系统:Windows
运行时:node.js
1、下载并安装node.js
在浏览器中打开nodejs官网https://nodejs.org/zh-cn/ ,选择需要的版本直接点击即可下载
下载后双击,在弹出的对话框中,点击“运行”
然后就是一系列的“下一步”
注意红色框所需内容
点击“安装”
可选:安装完成后会弹出如下控制台窗口(如果不需要安装Python和相关工具,可以直接关闭)
打开cmd,输入命令 node -v, 如果看到了刚才下载的版本号,则表示已经安装成功
虽然nodejs自带npm,但是在国内由于网速的限制可能下载一些组件包会比较慢,所以可以根据自身情况安装并使用淘宝cnpm镜像(国内使用下载速度比较快)
在cmd中运行命令
npm install -g cnpm --registry=https://registry.npm.taobao.org安装完成后,可以输入 cnpm -v进行查看
下面重点来了,通过cnpm全局安装vue脚手架,运行命令
cnpm install --global vue-cli激动人心的时刻到了,操作了这么久,终于可以验证成果了,来吧
在cmd中输入vue -V (注意:V是大写V),如果出现版本号,那么恭喜你
至此,vue开发环境就搭建好了,那咱们就一起来创建第一个vue项目吧
请参考【vue】创建第一个vue+element ui项目(全网最详细)