安装vue
安装vue
由于我平时是用mac做开发的,因此先介绍下mac下的环境搭建,稍后再介绍window10下的搭建。如果有些同学使用ubuntu,那么安装过程和mac类似的。
mac环境下的安装教程
- 前往Node官网(https://nodejs.org/zh-cn/)下载最新版本,安装即可。最好验证是否安装成功,我们可以在终端输入
node -v
,正常情况会返回node的版本号。同时我们还要验证下npm是否能用,理论上是安装了node就会帮你配置好的,在终端输入npm -v
,正常情况会返回版本号。npm是node的包管理工具。 - 通过命令行安装yarn。由于我比较喜欢使用yarn作包管理工具,因此后面的内容基本都是使用yarn的,还是先装一下吧。
npm install -g yarn
yarn和npm都是包管理工具,这里不进行展开对比了,有兴趣可以上网进行查一下。在使用上大同小异。
- 安装vue3.0脚手架(不建议安装2.0的脚手架)
yarn global add @vue/cli
同样我们需要验证一下是否安装成功,在命令行输入vue --version
,正常情况会返回vue的版本号。到这一步我们其实已经安装完成了,但是为了兼容使用2.x系列的项目模板(后面我会提供2个项目模板供大家学习和使用),我觉得有必要安装桥接工具,看第4步。
- 安装vue-init
Vue CLI >= 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能,你可以全局安装一个桥接工具:
yarn global add @vue/cli-init
window10环境下的安装教程
- 前往Node官网(https://nodejs.org/zh-cn/)下载最新版本,安装即可。安装完成后会自动完成环境变量的配置。如果不放心,在命令行输入
node -v
和npm -v
验证下。 - 安装yarn
npm install -g yarn
- 安装vue3.0脚手架
yarn global add @vue/cli
- 安装vue-init
yarn global add @vue/cli-init
防坑指南:如果你在 Windows 上通过 minTTY 使用 Git Bash,交互提示符并不工作。你必须通过 winpty vue.cmd create hello-world 启动这个命令。不过,如果你仍想使用 vue create hello-world,则可以通过在 ~/.bashrc 文件中添加以下行来为命令添加别名。 alias vue=’winpty vue.cmd’ 你需要重新启动 Git Bash 终端会话以使更新后的 bashrc 文件生效。
本文系作者 @迦娜王 原创发布在 松鼠乐园。未经许可,禁止转载。