美文网首页
Vue 环境搭建(Vue-cli)

Vue 环境搭建(Vue-cli)

作者: 阿畅_ | 来源:发表于2018-12-02 21:08 被阅读8次
    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 还是手动选择,这里选择默认即可


        image.png
      3. 选择 npm 或者 yarn 安装项依赖


        image
      4. 安装成功提示 - 根据提示进入项目,把项目跑起来。


        image.png

      这是 window 用户需要注意

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

    相关文章

      网友评论

          本文标题:Vue 环境搭建(Vue-cli)

          本文链接:https://www.haomeiwen.com/subject/ensscqtx.html