“Vue 脚手架结构”的版本间的差异

来自姬鸿昌的知识库
跳到导航 跳到搜索
第3行: 第3行:
 
|node_modules
 
|node_modules
 
|目录
 
|目录
|
 
 
|
 
|
 
|-
 
|-
 
|public
 
|public
|
 
 
|
 
|
 
|
 
|
 
|-
 
|-
 
|src
 
|src
|
 
 
|
 
|
 
|
 
|
第18行: 第15行:
 
|.gitignore
 
|.gitignore
 
|git 的忽略文件
 
|git 的忽略文件
|
 
 
|
 
|
 
|-
 
|-
 
|babel.config.js
 
|babel.config.js
 
|babel 的配置文件,ES6=>ES5 配置
 
|babel 的配置文件,ES6=>ES5 配置
|
 
 
|
 
|
 
|-
 
|-
 
|package-lock.json
 
|package-lock.json
|
 
 
|
 
|
 
|
 
|
 
|-
 
|-
| rowspan="3" |package.json
+
| rowspan="4" |package.json
 
|NPM 包说明文件,配置包名、版本、依赖、常用命令
 
|NPM 包说明文件,配置包名、版本、依赖、常用命令
 
|
 
|
|
 
 
|-
 
|-
|npm run serve
+
|scripts.serve
|
+
|开发过程中,运行 npm run serve,实际执行的就是这里的命令,脚手架会配置好服务器
|
+
|-
 +
|scripts.build
 +
|代码写完、开发完成之后,.vue => .html、.css、.js,这是最后的一次编译
 
|-
 
|-
|npm run build
+
|scripts.lint
|.vue => .html、.css、.js
+
|几乎不用,对代码进行语法检查,很少执行,因为IDE、如 VS Code 有很好的语法检查插件,会在开发时帮开发者检查
|
 
 
|-
 
|-
 
|README.md
 
|README.md
|
 
 
|
 
|
 
|
 
|
 
|}
 
|}

2024年8月11日 (日) 00:33的版本

https://www.bilibili.com/video/BV1Zy4y1K7SH?p=62

node_modules 目录
public
src
.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