專案初期準備(一)

2022-03-10 17:16:33 字數 3272 閱讀 5531

- 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 ...