使用Vue cli 来快速开发并打包封装项目教程

安装Vue CLI

使用npm在全局下安装vue cli
输入以下指令即可：

npm install -g @vue/cli

等待几分钟后，然后接着输入以下指令，来检查cli 的版本

vue --version

快速开发

（笔者以下用的编辑器是vs code,其他编辑器类似）
1.随便在桌面上新建一个文件夹，并命名（test）。将他拖到vs code中打开。

2.鼠标移动到test文件夹上，右边点击新建文件夹，并命名（demo）。

3.鼠标移动到demo文件夹处，鼠标右键点击，再点击在终端打开。

4.在底下输入

vue create testapp

//testapp是文件夹名，可以随意命名

5.按键盘下键，移动选项箭头到最后一项，Manually select features，手动配置

6.接下来选择默认的就行，直接敲击回车。
7.到这里，选择第二个是将所有的配置文件都放在package.json中，我们可以选择第二个，根据个人自己的选择。

8.这里是问，是否需要保存刚刚创建vue项目的操作，方便下次直接使用。我们可以选择yes,然后输入你想要保存的操作名称。

9.项目创建完成后。依次输入终端提供的两个指令
（笔者最后一行输入有误，应该是npm run serve,中间都应该有空格的）

10.项目可以正常运行了。得到了项目的运行网址

打包封装

再次右击testapp文件，点击在终端打开
输入npm run build

就可以得到了整个项目打包后，生成可以部署在服务器上的代码文件（经过整理压缩的）

教程制作不易，请朋友们点赞关注支持一下~~~