vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue运行环境搭建

vue运行环境搭建全过程

作者:冷冷清清中的风风火火

这篇文章主要介绍了vue运行环境搭建全过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

1、安装node.js

官网:http://nodejs.cn/(node.js中文网)

https://nodejs.org/en/

vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,根据自己的需要下载相应的安装包。

安装node时,如果修改了默认路径,需要配置相应的环境变量。使用默认的安装路径的时,会自动配置环境变量。

安装完成后,可通过cmd,输入 node -v 检查是否安装成功,及安装的版本信息。能看到版本信息说明安装成功。

2、安装cnpm

由于在国内使用npm是非常慢的,所以在这里我们推荐使用淘宝npm镜像,使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具:

通过cmd,输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

上面命令执行完成,可通过 cnpm -v 查看cnpm是否安装成功,出现如下界面即安装成功。

3、安装vue-cli脚手架

输入命令:

cnpm install --global vue-cli

可通过 vue 命令查看 vue-cli 是否安装成功,出现如下界面即安装成功。

4、安装开发工具

根据自己的习惯、需要下载相应的开发工具。(eg: vscode、Hbuildx等)

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文