开始vue-cli正式梳理
- 前面介绍了vue-cli是什么，什么是脚手架，以及npm、cnpm、yarn相关包管理工具的概念和如何去使用，接下来我们直接上实操。学习东西直接上手先体验是最重要的，切记切记~
安装
旧版本这里就不赘述了，我们按照新的版本也是目前公司最常用的版本进行安装
- 首先要注意：
- 安装vue-cli前提先安装好npm、cnpm、yarn
- 安装
npm install -g @vue/cli#
# 或者
yarn global add @vue/cli
这里指的是全局安装，也就是通用而不变的我们可以通过这种方式安装到最外层的全局系统的目录中
- 检查是否安装成功，命令行工具直接输入
vue --version
- 升级
npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli
- 创建一个项目(代码方式)
vue create hello-world
- 图形化界面方式
- 命令行输入
上述命令会打开一个浏览器窗口，并以图形化界面将你引导至项目创建的流程。vue ui
下面详细讲解一下整个安装过程小板凳准备好
-
以windows为例，首先打开cmd
-
执行vue后可能会发现
我们查看一下yarn全局安装成功了吗
成功了，那么我们就需要配置一下环境变量了
完美安装撒花结束~
