使用腳手架搭建一個前端項目

這篇文章主要介紹兩種使用腳手架搭建前端項目的步驟。

• 使用命令

npm install --global create-react-app //全局安裝create-react-app命令
create-react-app xxxx(項目名字) //創建xxxx項目,並在項目中創建了一個應用框架
cd xxxxx
npm start

-使用git hub克隆腳手架
這是一種真正意義上的模板，可以直接到模板項目的 github 主頁，就能看到整個骨架，比如 react-boilerplate、ant-design-pro、vue-element-admin、react-starter-kit等諸多腳手架。

這裏依然是create-app-react舉例。

git clone --depth=1 https://github.com/react-boilerplate/react-boilerplate.git <你的項目名字>
cd <你的項目名字>
npm install
npm start

接着就動手試一下吧！

搭建一個前端項目，要考慮如上很多問題，比如現在常用的es6，scss轉義、模塊打包…這些問題都需要配置底層文件，具體如何配置，在不用腳手架的情況下搭建一個前端項目要考慮的問題還是很多的。比如：

1. 搭建框架的方式
2. 選擇代碼規範
3. 選擇構建工具
4. 確定是單頁面應用（SPA）還是多頁面應用
5. 選擇合適的前端框架與 UI 庫
6. 定好目錄結構
7. 搭建一個好的腳手架
8. 使用版本控制系統管理源代碼（git）
9. 編寫代碼
10. 組件化
11. 測試
12. 構建
13. 部署
14. 持續集成測試、構建、部署
15. 清理服務器上過期文件
16. 收集前端錯誤反饋

這裏就不一一展開啦，有時間再做補充！