Vue 环境搭建(Vue-cli)

  1. 安装 node.js
    下载 node.js
    在终端输入 node -v 查看当前的 node 版本,下载完 node 里面自带的有 npm 包,可以使用 npm 命令
  2. 安装 Vue 脚手架
    1. npm install -g @vue/cli -> MAC 上全局安装要加 sudo 命令 -> sudo npm i -g @vue/cli
    2. yarn global add @vue/cli
  • 怎么使用 yarn
    • yarn 的安装可以用 Homebrew (关于 Homebrew 的下载点击看我另一篇文章)
    • 还可以使用 npm 安装 npm install -g yarn
  1. 创建 Vue 项目

    1. vue create 项目名称


      image.png
      • 提醒我当前的默认源是比较慢,推荐使用淘宝的源,选择 y
    2. 选择babel + eslint 还是手动选择,这里选择默认即可


      Vue 环境搭建(Vue-cli)_第1张图片
      image.png
    3. 选择 npm 或者 yarn 安装项依赖


      Vue 环境搭建(Vue-cli)_第2张图片
      image
    4. 安装成功提示 - 根据提示进入项目,把项目跑起来。


      Vue 环境搭建(Vue-cli)_第3张图片
      image.png

    这是 window 用户需要注意

    • cd 在 window 里面并不支持,如果想使用的话,先安装 Git,然后打开 Git bash 操作这些命令。

你可能感兴趣的:(Vue 环境搭建(Vue-cli))