开源项目 Mozilla Notes 使用教程
notesDEPRECATED - A notepad for Firefox项目地址:https://gitcode.com/gh_mirrors/notes14/notes
1. 项目的目录结构及介绍
Mozilla Notes 项目的目录结构如下:
/
├── .github/
├── app/
│ ├── components/
│ ├── containers/
│ ├── redux/
│ ├── routes/
│ ├── styles/
│ ├── utils/
│ ├── app.js
│ ├── index.js
│ └── store.js
├── bin/
├── config/
├── docs/
├── scripts/
├── test/
├── .babelrc
├── .editorconfig
├── .eslintrc
├── .gitignore
├── .npmrc
├── .travis.yml
├── package.json
├── README.md
└── yarn.lock
目录结构介绍
- .github/: GitHub 相关文件,如 issue 模板和 pull request 模板。
- app/: 应用程序的主要代码目录,包含组件、容器、Redux 状态管理、路由、样式和工具函数等。
- bin/: 可执行脚本文件。
- config/: 项目配置文件。
- docs/: 项目文档。
- scripts/: 项目脚本文件。
- test/: 测试文件。
- .babelrc: Babel 配置文件。
- .editorconfig: 编辑器配置文件。
- .eslintrc: ESLint 配置文件。
- .gitignore: Git 忽略文件配置。
- .npmrc: npm 配置文件。
- .travis.yml: Travis CI 配置文件。
- package.json: 项目依赖和脚本配置。
- README.md: 项目说明文档。
- yarn.lock: Yarn 依赖锁定文件。
2. 项目的启动文件介绍
项目的启动文件主要位于 app/
目录下:
- app/index.js: 应用程序的入口文件,负责初始化应用和渲染根组件。
- app/app.js: 应用程序的根组件,负责配置路由和应用的全局状态。
- app/store.js: Redux 存储配置文件,负责创建和管理应用的状态存储。
启动文件介绍
-
app/index.js:
import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; import App from './app'; import configureStore from './store'; const store = configureStore(); ReactDOM.render( <Provider store={store}> <App /> </Provider>, document.getElementById('root') );
-
app/app.js:
import React from 'react'; import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'; import Home from './containers/Home'; import NotFound from './containers/NotFound'; const App = () => ( <Router> <Switch> <Route exact path="/" component={Home} /> <Route component={NotFound} /> </Switch> </Router> ); export default App;
-
app/store.js:
import { createStore, applyMiddleware, compose } from 'redux'; import thunk from 'redux-thunk'; import rootReducer from './reducers'; const configureStore = (initialState) => { const middleware = [thunk]; const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose; const store = createStore( rootReducer, initialState, composeEnhancers(applyMiddleware(...middleware)) ); return store; }; export default configureStore;
3. 项目的配置文件介绍
项目的配置文件主要位于 config/
目录下:
- config/default.json: 默认配置文件。
- config/production.json: 生产环境配置文件。
- config/development.json: 开发环境配置文件。
配置文件介绍
- config/default.json:
{ "api": { "baseUrl": "http://localhost:3000"
notesDEPRECATED - A notepad for Firefox项目地址:https://gitcode.com/gh_mirrors/notes14/notes