松鼠乐园 松鼠乐园
  • 注册
  • 登录
  • 首页
  • 快捷入口
    • Vue
    • Tensorflow
    • Springboot
    • 语言类
      • CSS
      • ES5
      • ES6
      • Go
      • Java
      • Javascript
    • 工具类
      • Git
      • 工具推荐
    • 服务器&运维
      • Centos
      • Docker
      • Linux
      • Mac
      • MySQL
      • Nginx
      • Redis
      • Windows
    • 资源类
      • 论文
      • 书籍推荐
      • 后端资源
      • 前端资源
      • html网页模板
      • 代码
    • 性能优化
    • 测试
  • 重大新闻
  • 人工智能
  • 开源项目
  • Vue2.0从零开始
  • 广场
首页 › Vue2.x从零开始 › 安装vue

安装vue

迦娜王
3年前Vue2.x从零开始
927 0 0

安装vue

由于我平时是用mac做开发的,因此先介绍下mac下的环境搭建,稍后再介绍window10下的搭建。如果有些同学使用ubuntu,那么安装过程和mac类似的。

mac环境下的安装教程

  1. 前往Node官网(https://nodejs.org/zh-cn/)下载最新版本,安装即可。最好验证是否安装成功,我们可以在终端输入 node -v ,正常情况会返回node的版本号。同时我们还要验证下npm是否能用,理论上是安装了node就会帮你配置好的,在终端输入 npm -v,正常情况会返回版本号。npm是node的包管理工具。
  2. 通过命令行安装yarn。由于我比较喜欢使用yarn作包管理工具,因此后面的内容基本都是使用yarn的,还是先装一下吧。
npm install -g yarn

yarn和npm都是包管理工具,这里不进行展开对比了,有兴趣可以上网进行查一下。在使用上大同小异。

  1. 安装vue3.0脚手架(不建议安装2.0的脚手架)
yarn global add @vue/cli

同样我们需要验证一下是否安装成功,在命令行输入vue --version,正常情况会返回vue的版本号。到这一步我们其实已经安装完成了,但是为了兼容使用2.x系列的项目模板(后面我会提供2个项目模板供大家学习和使用),我觉得有必要安装桥接工具,看第4步。

  1. 安装vue-init
    Vue CLI >= 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能,你可以全局安装一个桥接工具:
yarn global add @vue/cli-init

window10环境下的安装教程

  1. 前往Node官网(https://nodejs.org/zh-cn/)下载最新版本,安装即可。安装完成后会自动完成环境变量的配置。如果不放心,在命令行输入 node -v 和 npm -v验证下。
  2. 安装yarn
npm install -g yarn
  1. 安装vue3.0脚手架
yarn global add @vue/cli
  1. 安装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 文件生效。

0
本文系作者 @迦娜王 原创发布在 松鼠乐园。未经许可,禁止转载。
生命周期
上一篇
搭建第一个Vue工程
下一篇
评论 (0)

请登录以参与评论。

现在登录
  • 安装vue
  • mac环境下的安装教程
  • window10环境下的安装教程
相关文章
router的使用
watch属性的使用
computed属性的使用
vuex的简单使用
松鼠乐园

资源整合,创造价值

小伙伴
墨魇博客 无同创意
目录
重大新闻 Centos CSS Docker ES5 ES6 Go Java Javascript Linux Mac MySQL Nginx Redis Springboot Tensorflow Vue Vue2.x从零开始 Windows 书籍推荐 人工智能 前端资源 后端资源 壁纸 开源项目 测试 论文
Copyright © 2018-2022 松鼠乐园. Designed by nicetheme. 浙ICP备15039601号-4
  • 重大新闻
  • Centos
  • CSS
  • Docker
  • ES5
  • ES6
  • Go
  • Java
  • Javascript
  • Linux
  • Mac
  • MySQL
  • Nginx
  • Redis
  • Springboot
  • Tensorflow
  • Vue
  • Vue2.x从零开始
  • Windows
  • 书籍推荐
  • 人工智能
  • 前端资源
  • 后端资源
  • 壁纸
  • 开源项目
  • 测试
  • 论文
热门搜索
  • jetson nano
  • vue
  • java
  • mysql
  • 人工智能
  • 人脸识别
迦娜王
坚持才有希望
1224 文章
35 评论
242 喜欢
  • 0
  • 0
  • Top