Vue工程化开发&脚手架Vue CLI

开发Vue有两种方式

• 核心包传统开发模式：基于html / css / js 文件，直接引入核心包，开发 Vue。
• 工程化开发模式：基于构建工具（例如：webpack）的环境中开发Vue。

脚手架Vue CLI

Vue CLl 是 Vue 官方提供的一个全局命令工具。

可以帮助我们快速创建一个开发 Vue 项目的标准化基础架子。【集成了 webpack 配置】

使用步骤:

1.全局安装(一次):yarn global add @vue/cli 或 npm i @vue/cli -g

2.查看 Vue 版本:vue --version

3.创建项目架子:vue create project-name(项目名-不能用中文)

4.启动项目:yarn serve 或 npm run serve(找package.json)

注：yarn serve和npm run serve不一定都是serve，这个要看package.json文件中的配置，如下图红框中是什么就yarn XX或者npm run XX 

更新Vue CLI

更新 Vue CLI 的步骤如下：

检查当前版本

在终端中运行以下命令，查看已安装的 Vue CLI 版本：

vue --version
# 或
vue -V

卸载旧版本

‌如果使用 Vue CLI 2.x（旧版）‌：

npm uninstall -g vue-cli

如果使用 Vue CLI 3+‌：直接跳过此步骤，更新即可。

安装/更新到最新版

通过 npm 或 yarn 全局安装最新版 @vue/cli：

npm install -g @vue/cli
# 或使用 yarn
yarn global add @vue/cli