Skip to content

proj_structure

long edited this page Feb 1, 2019 · 1 revision

项目结构规范

calculate
├─.commitlintrc.js # git commit msg lint 配置
├─.editorconfig
├─.eslintignore
├─.eslintrc.js
├─.prettierrc
├─.stylelintrc
├─README.md
├─gulpfile.js # 如果需要一些工具来执行自动化操作时,建议使用 gulp
├─package.json
├─postcss.config.js
├─project.config.json
├─miniprogram/ # 小程序代码根目录
|      ├─app.css
|      ├─app.js
|      ├─app.json
|      ├─app.wxss
|      ├─package.json # 小程序代码依赖的 npm 库要放在这里,不要放在外面!
|      ├─miniprogram_npm/
|      ├─node_modules/
|      ├─assets/ # 公共静态资源文件夹
|      |   ├─_function.css # 公共样式工具库,可以不用
|      |   ├─images/ # 公共图片
|      ├─components/ # 项目组件
|      |   ├─example/ # 注:脚手架不会创建此目录,这里只用来说明结构
|      |       ├─index.js
|      |       ├─index.json
|      |       ├─index.css
|      |       ├─index.wxml
|      |       ├─index.wxss
|      ├─pages/ # 小程序页面
|      |   ├─example/ # 注:脚手架不会创建此目录,这里只用来说明结构
|      |       ├─images/ # 页面图片
|      |       ├─example.js
|      |       ├─example.json
|      |       ├─example.css
|      |       ├─example.wxml
|      |       ├─example.wxss
├─bin/ # 执行脚本文件夹,小程序提供了 3 个 hooks,可以制定执行这里的脚本
├─.vscode/
|    └settings.json # 这里设置了让 vscode 工具不显示 wxss 文件,如果是使用微信开发者工具开发的同学可以忽略这个
Clone this wiki locally