记录一次部署和查看VUE项目的经过

一、概述

        一个初次接触VUE项目的初学者，可能总会被各种包，各种配置文件，各种依赖文件，各种依赖软件绕的焦头烂额。本文就旨在介绍一个稍微简单的，可以直接跑通的vue项目。跟着步骤走就好，依赖的包较少，所以不会出现特别头疼的事情。我跑这项目的目的就是想看看一个vue项目需要哪些元素，部署是怎样的，以及简单理解一下调用的关系。方便以后工作中有类似项目时不至于手忙脚乱。

二、项目基础条件

        windows环境

        需要安装基础的工具包括：php,node.js,npm，yarn，git。（mysql最好也装了，虽然本次用不到，但是稍微大一点的就会用到了）。如果没法直接装，建议去官网直接下载，这些在网站上都能搜索到。

罗列一下我机器上的版本。

yarn -v
1.22.22

 php -v
PHP 8.1.29 (cli)

$ node -v
v22.8.0
$ npm -v
10.8.2

$ git -v
git version 2.45.2.windows.1
 

三、项目开始

        项目地址：https://gitee.com/was666/as-editor 

        项目运行和使用：这里其实上面地址有，我这里再列一下自己本地的。

首先需要用下载到本地，可以直接下载也可以git下载。

git clone https://gitee.com/was666/as-editor.git

1. npm install （安装 node_modules 模块）
2. npm run serve （运行）
3. npm run build （打包）可不执行
4. npm update (用于更新包到基于规范范围的最新版本)

说明：install如果提示不匹配，一一解决，run的时候如果有报错，就先去执行update然后再run

成功后会显示如下日志，并会自动打开浏览器

四、 总结

        这个项目是我跑的最顺利的一个，基本上安装和run后就可以，如果中途遇到了其他问题，可以ai里面搜搜，或者可以评论区问问，很乐意解答，一起讨论。后需打算跑一个稍微复杂点，带数据库的项目，希望能顺利。