【vue】工程化开发和脚手架

项目开发需要搭建架子，而架子搭建太复杂，则需要工具来帮助我们搭建架子，则用到了脚手架。

使用步骤：

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）

全局安装：

右键

输入下面命令行

查看版本

安装完后就不用再安装了

创建项目

1.要创建项目时，新建一个空白包，点开后，在空白处右键，点击终端

2.创建项目的时候直接在终端输入

 vue create project-name(项目名-不能用中文)

回车键后，通过上下左右来选择vue2还是vue3，选好后接着回车，然后等待一会

以下就是创建项目成功了

自动得到了这个包

先cd进入到包里面，然后run启动任务，回车

出现两个地址

到浏览器中输入localhhost:8080,回车，看到该界面，则启动成功

注意：启动项目的时候npm run serve中的serve不是写死的，要看项目中package.json文件，

红色方框中是什么，就npm run 什么