“Vue 脚手架结构”的版本间的差异
跳到导航
跳到搜索
Jihongchang(讨论 | 贡献) |
Jihongchang(讨论 | 贡献) |
||
第1行: | 第1行: | ||
https://www.bilibili.com/video/BV1Zy4y1K7SH?p=62 | https://www.bilibili.com/video/BV1Zy4y1K7SH?p=62 | ||
{| class="wikitable" | {| class="wikitable" | ||
− | |node_modules | + | |→ node_modules |
− | | | + | | |
+ | | | ||
+ | |- | ||
+ | |→ public | ||
+ | | | ||
| | | | ||
|- | |- | ||
− | | | + | |↓ src |
| | | | ||
| | | | ||
|- | |- | ||
− | |||
| | | | ||
+ | |→ assets | ||
| | | | ||
+ | |- | ||
+ | | | ||
+ | |→ components | ||
+ | | | ||
+ | |- | ||
+ | | | ||
+ | |App.vue | ||
+ | | | ||
+ | |- | ||
+ | | | ||
+ | |main.js | ||
+ | |npm run serve 运行之后,main.js 就是入口 | ||
|- | |- | ||
|.gitignore | |.gitignore | ||
第39行: | 第55行: | ||
|- | |- | ||
|README.md | |README.md | ||
− | | | + | |教程、笔记 |
| | | | ||
|} | |} |
2024年8月11日 (日) 01:00的版本
https://www.bilibili.com/video/BV1Zy4y1K7SH?p=62
→ node_modules | ||
→ public | ||
↓ src | ||
→ assets | ||
→ components | ||
App.vue | ||
main.js | npm run serve 运行之后,main.js 就是入口 | |
.gitignore | git 的忽略文件 | |
babel.config.js | babel 的配置文件,ES6=>ES5 配置 | |
package-lock.json | 包版本控制文件,锁定用到的包的版本 | |
package.json | NPM 包说明文件,配置包名、版本、依赖、常用命令 | |
scripts.serve | 开发过程中,运行 npm run serve,实际执行的就是这里的命令,脚手架会配置好服务器 | |
scripts.build | 代码写完、开发完成之后,.vue => .html、.css、.js,这是最后的一次编译 | |
scripts.lint | 几乎不用,对代码进行语法检查,很少执行,因为IDE、如 VS Code 有很好的语法检查插件,会在开发时帮开发者检查 | |
README.md | 教程、笔记 |