创建一个vue项目搭建vue-cli环境（Vue2

7：运行项目，指令 npm run dev

8:在浏览器中打开这个网址，就能看到

至此，vue项目新建完毕

通过vue-cli搭建一个vue项目，会自动生成一系列文件，而这些文件具体是怎样的结构、文件对应起什么作用，可以看看下面的解释：

├── build/ # webpack 编译任务配置文件: 开发环境与生产环境

│ └── …

├── config/

│ ├── index.js # 项目核心配置

│ └── …

├ ── node_module/ #项目中安装的依赖模块

── src/

│ ├── main.js # 程序入口文件

│ ├── App.vue # 程序入口vue组件

│ ├── components/ # 组件

│ │ └── …

│ └── assets/ # 资源文件夹，一般放一些静态资源文件

│ └── …

├── static/ # 纯静态资源 (直接拷贝到dist/static/里面)

├── test/

│ └── unit/ # 单元测试

│ │ ├── specs/ # 测试规范

│ │ ├── index.js # 测试入口文件

│ │ └── karma.conf.js # 测试运行配置文件

│ └── e2e/ # 端到端测试

│ │ ├── specs/ # 测试规范

│ │ ├── custom-assertions/ # 端到端测试自定义断言

│ │ ├── runner.js # 运行测试的脚本

│ │ └── nightwatch.conf.js # 运行测试的配置文件

├── .babelrc # babel 配置文件

├── .editorconfig # 编辑配置文件

├── .gitignore # 用来过滤一些版本控制的文件，比如node_modules文件夹

├── index.html # index.html 入口模板文件

└── package.json # 项目文件，记载着一些命令和依赖还有简要的项目描述信息
└── README.md #介绍自己这个项目的，可参照github上star多的项目。
build/
参考：https://www.jianshu.com/p/1ee1c410dc67

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档，需要的读者可以戳这里免费领取！

topics/618191877)免费领取！**

[外链图片转存中…(img-kL1QCNp7-1713696394985)]

[外链图片转存中…(img-HMhYhtM3-1713696394986)]