使用vue-cli构建一个vue项目

闲来无事，记下笔记，纯属个人爱好，勿喷。这里采用的是vue的官方脚手架构建的一个基础项目，需要有node环境，建议可以去安装一个git方便运行命令行，或者使用vscodeIDE也可以

首先找到vue的官网,找到生态系统，点开webpack模板这是链接地址

image.png

根据这里的命令行，操作即可这是链接地址

image.png
image.png

如果你运行npm run dev 之后见到这个页面，那么恭喜你构建成功了，如果打不开，就翻阅上面，是否漏了什么步骤

image.png

• 这里要注意的点就是在构建好项目之后，一定切换到你构建的项目文件夹，运行一下npm i 命令再启用npm run dev运行项目，没有下载第三方包，会运行失败

这里介绍一下项目构建之后一下文件或文件夹的作用

image.png

这里是src目录下文件的相关作用，src下的文件设置是灵活的,可以根据自己的习惯进行调整，不必雷同

image.png