【vue】在windows中搭建vue开发环境(全网最详细)
·
前言
目前前端三大框架(vue、react、angular)中vue是前端工程师经常使用的,在使用之前需要搭建vue开发环境,闲话少说,接下来咱们一起操作起来吧
环境
系统:Windows
运行时:node.js
搭建步骤
一、安装nodejs
1、下载并安装node.js
在浏览器中打开nodejs官网https://nodejs.org/zh-cn/ ,选择需要的版本直接点击即可下载

下载后双击,在弹出的对话框中,点击“运行”

然后就是一系列的“下一步”




注意红色框所需内容


点击“安装”


可选:安装完成后会弹出如下控制台窗口(如果不需要安装Python和相关工具,可以直接关闭)

二、检查nodejs是否安装成功
打开cmd,输入命令 node -v, 如果看到了刚才下载的版本号,则表示已经安装成功

三、安装cnpm
虽然nodejs自带npm,但是在国内由于网速的限制可能下载一些组件包会比较慢,所以可以根据自身情况安装并使用淘宝cnpm镜像(国内使用下载速度比较快)
在cmd中运行命令
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后,可以输入 cnpm -v进行查看

四、安装vue-cli (vue脚手架)
下面重点来了,通过cnpm全局安装vue脚手架,运行命令
cnpm install --global vue-cli

五、检查vue脚手架是否安装成功
激动人心的时刻到了,操作了这么久,终于可以验证成果了,来吧
在cmd中输入vue -V (注意:V是大写V),如果出现版本号,那么恭喜你

至此,vue开发环境就搭建好了,那咱们就一起来创建第一个vue项目吧
更多推荐
所有评论(0)