发帖
雷达卡
链接：https://pan.baidu.com/s/1LYivUOLHM6-Y0qYazrNN9w?pwd=8gla
提取码：8gla
--来自百度网盘超级会员V3的分享
标题：VUE-CLI项目构建全攻略
VUE-CLI是一个基于Vue.js的脚手架工具，能够协助开发者快速创立、构建和管理Vue.js项目。运用VUE-CLI，我们能够轻松地构建出高效、可扩展的前端应用程序。
一、装置VUE-CLI
首先，我们需求全局装置VUE-CLI。翻开终端，输入以下命令：
bash复制代码| npm install -g @vue/cli |
二、创立VUE-CLI项目
创立VUE-CLI项目十分简单，只需在终端中输入以下命令：
js复制代码| vue create my-project |
其中，“my-project”是你想要创立的项目称号。执行此命令后，VUE-CLI将引导你选择一种预设或手动选择特性来创立项目。
三、项目构造
创立项目后，我们能够进入项目文件夹，查看项目构造。VUE-CLI项目的构造如下：
css复制代码| my-project/ | |
| ├── public/ | |
| │ └── index.html | |
| ├── src/ | |
| │ ├── main.js | |
| │ ├── App.vue | |
| │ └── components/ | |
| │ └── HelloWorld.vue | |
| └── package.json |
其中，public文件夹寄存公共文件，src文件夹寄存源代码文件，components文件夹寄存组件。
四、构建项目
在开发过程中，我们能够运用以下命令来启动开发效劳器：
arduino复制代码| cd my-project/ | |
| npm run serve |
这将在阅读器中翻开一个本地开发效劳器，并实时重新加载代码改动。
五、构建消费版本
当我们的应用程序开发完成后，我们能够运用以下命令构建消费版本：
arduino复制代码| npm run build |
这将创立一个可用于消费环境的打包版本。默许状况下，输出将位于dist/目录中。
京公网安备 11010802022788号
