2023-11-10 03:25PM
参考：https://vue_book.siwei.me/file_structure.html
vue 包含这几个文件夹
▸ build/
▸ config/
▸ node_modules/
▸ src/
▸ static/
▸ test/
index.html
package-lock.json
package.json
README.md
build/ 文件夹是保留各种打包文件，很重要，不要随意修改
▾ build/
build.js
check-versions.js
logo.png
utils.js
vue-loader.conf.js
webpack.base.conf.js
webpack.dev.conf.js*
webpack.prod.conf.js
1. build.js:
打包使用， 不要修改。
2. check-versions.js:
检查npm的版本， 不要修改。
3. utils.js
不要修改。 做一些css/sass 等文件的生成。
4. vue-loader.conf.js
非常重要的配置文件，不要修改。内容是用来辅助加载vuejs用到的css source map等内容。
5. webpack.base.conf.js
6. webpack.dev.conf.js
7. webpack.prod.conf.js
这三个都是基本的配置文件。不要修改。
config/ 文件夹是部署和配置相关的内容
▾ config/
dev.env.js
index.js
prod.env.js
test.env.js
1. dev.env.js 开发模式下的配置文件，一般不用修改。
2. prod.env.js 生产模式下的配置文件，一般不用修改。
3. test.env.js 测试模式下的配置文件，一般不用修改
4. index.js 很重要的文件， 定义了 开发时的端口（默认是8080），定义了图片文件夹（默认static)， 定义了开发模式下的 代理服务器. 我们修改的还是比较多的。
node_modules/ 文件夹是项目中所用到的第三方包，内容很多，是通过 $ npm install 产生的
src/ 文件夹是这个项目最核心的代码源所在目录
▾ src/
▾ assets/
logo.png
▾ components/
HelloWorld.vue
▾ router/
index.js
App.vue
main.js
1. assets/ 包含所用到的图片
2. commponents 包含所用到的"视图"和"组件"所在的文件夹。（核心）
3. router/index.js 路由文件。 定义了各个页面对应的url.
4. App.vue 如果index.html 是一级页面模板的话，这个App.vue就是二级页面模板。 所有的其他vuejs页面，都作为该模板的 一部分被渲染出来。
5. main.js 废代码。没有实际意义，但是为了支撑整个vuejs框架，存在很必要。
登录
请登录后再发表评论。
评论列表:
目前还没有人发表评论