运行一个vue3项目（手把手教程）

        不论是在公司或者是学习过程中，很多时候我们需要运行一个成型的项目，或是修改或是借鉴，那么正确的运用项目是我们必备的技能。

一、解压缩并打开

        解压到项目最后一级目录（如果项目最后一级不是英文目录，建议改成英文目录），然后使用VScode打开项目根目录。

        个人建议：编写vue项目，可以使用VScode，对于开发来说比较优异，并且免费，vue官方也提供了一款插件专供VScode使用。插件名字叫做Vue-Official,在侧边栏扩展中直接搜索

        找到插件直接安装即可。 

二、安装依赖

         先不要着急看代码结构，先点击上方按钮，打开终端，输入指令安装依赖，在安装之前请确保你的电脑有nodejs，如果没有这个环境，可以移步我的另一篇笔记下载nodejs。

npm i //npm install的简写形式

nodejs安装、脚手架搭建并创建一个简易的vue项目_node构建配置项目-CSDN博客https://blog.csdn.net/m0_56074485/article/details/132065689?spm=1001.2014.3001.5501 三、启动项目

        安装依赖成功之后，请打开项目中的package.json，查看该项目启动项目的指令，我的项目指令是dev，所以我的项目启动指令就是

npm run dev

        启动成功后，点击终端的地址就可以在网页上打开项目了。

四、分析项目

         打开项目网页链接，在所在浏览器安装插件Vue Devtools

         打开检查，使用vue工具，鼠标停留在标签中就可以快速找到想要解析的代码书写的是什么位置，或者页面上某布局对应哪段代码，对于理解新项目来说会更加快捷更加易懂。

注：真的看不懂的代码可以问AI哦，现在的AI是非常好的助手。 

自己打败自己的远远多于比别人打败的