- vue
- 技術文件全面
- 團隊技術成員都會,不需要學習成本
- 可以滿足目前 dep 專案的所有需求
- vue-cli =>v4.4.6
- vue 專案腳手架工具/初始化工具
- vue-router
- vue-router 是 vue.js 的官方路由管理器
- 基於 history api(ie10+)
- vuex
- 狀態管理器,主要用於元件中共享資料
- axios
- 基於 promise 的 http 庫,簡單易用
- 支援`promise`
- 支援全域性的請求和響應攔截
- 支援取消請求
- babel-polyfill
- es6 語法=>es5
- 解決 promise 相容問題(axios 基於 promise),ie 不支援 promise
- sass/scss (with dart-sass)
中文文件:
- css 預處理器
- 相對 node-sass,dart-sass 效能更好,node-sass 在國內經常安裝不上
- js-cookie
- 操作 cookie
- lodash
- 輔助工具函式
- vuetify
-ant-design-vue
- git
- 版本管理工具
- nodejs=>12.18.2, npm=>6.14.5,nvm=>node 版本管理工具,nrm=>node 依賴源切換工具
- 依賴安裝工具
- webpack
- 打包工具
- webpack-dev-server configuration/dev-server/
- 基於 webpack 的本地服務
- vue devtools
- 瀏覽器除錯外掛程式
- mocker-api
- 本地資料服務,便於前端本地開發
- eslint
- js 檔案靜態**檢查工具/修復工具
- stylelint
css 檔案靜態**檢查工具/修復工具,
- 標準配置
- stylelint-config-standard
- scss 配置
- stylelint-scss
- css modules 配置
- stylelint-config-css-modules
- 關閉與 prettier 衝突的相關配置
- stylelint-config-prettier
* lint-staged
husky
- 與 git 結合使用,git commit 時會檢查**是否符合 eslint/stylelint 規範,不符合則會拒絕 commit,然後提示哪些檔案不符合規範
- 如果不是報錯,僅是規範不對,如空格,分號,換行等。提交時會自動 fix
* prettier
check-prettier
- css/js **格式工具
- 本地靜態 http 服務啟動工作,用於測試打包後./dist/的檔案
- zip-webpack-plugin
- 打包後壓縮成 zip
- vue.draggable
- dom 拖動庫
- vue-i18n
- 多語言實現庫
- vue-chart
- 圖表庫
- 輕量級,dep 使用的圖表不多
- storybook
- 暫不確定是否引入
- date-fns
日期格式化外掛程式,相對 comment.js 更輕量級
- jest
- 單元測試框架
- 團隊成員比較熟悉,不需要學習成本
|-- .vscode vscode軟體配置
| `-- settings.jsong vscode對本專案的一些配置,如配置了vetur對vue的格式化,使用prettier
|-- document 文件
|-- mocker 本地mock資料
|-- node_modules nodejs依賴
|-- public 靜態模板
|-- src 原始碼
| |-- api api介面
| |-- assets 靜態檔案(,公共的/引入的css)
| |-- components 公共元件
| |-- libs 第三方庫
| |-- locale 國際化
| |-- router 路由
| |-- store 狀態檔案
| `-- views 業務邏輯(具體頁面)
|-- tests 測試
| `-- unit 單元測試
|-- ./readme.md readme
|-- ./babel.config.js babel配置
|-- ./jest.config.js jest配置
|-- ./package-lock.json 專案依賴鎖定檔案
|-- ./package.json 專案依賴及配置
|-- ./.eslintrc.js eslint配置
|-- ./.gitignore git忽略配置
|-- ./.prettierrc prettier格式化配置
|-- ./.stylelintignore stylelint忽略配置
|-- ./.stylelintrc.js stylelint配置
`-- ./vue.config.js vue-cli腳手架配置入口
下面瀏覽器都可以正常訪問本專案,體驗最佳推薦 chrome
- chrome
- firefox
- edge/edge chrome 版本
- safari
- opera
- internet explorer 11
專案初期規劃
1 介面的ui設計。2 文件中的文字識別。3 文件中的識別。4 正確性檢測。5 資料庫的構建 6 基於資料庫的查重 文字以及 查重 7 專案csnd賬號維護,文件編寫,團隊協調。8 其他 待補充 李成 6,7,8 王帥 3,8 牛翔宇 1,2,5,8 吳瑋桓 4,8 這個分工只是臨時性的,後期可能會...
一 專案準備
一.ps的基本操作 1.調出標尺 ctrl r 2.調整單位 編輯 首選項 單位與標尺 修改單位為畫素 3.放大和縮小 ctrl 或ctrl 4.量取長度或者寬度 選取工具 5.取色 工具欄吸管工具 6.文字 工具欄文字工具 二.開發環境的搭建 1.開發軟體使用visual studio code ...
接手專案準備
一 xcode需要安裝的外掛程式 二 把自己定義的 塊,覆蓋xcode本身的 三 安裝cocopads 若沒有 四 映象沒有解決辦法 gem sources l 只有在終端中出現下面文字才表明你上面的命令是成功的 current sources sudo gem install cocoapods ...