1. 程式人生 > >使用Vue-cli搭建前端專案具體流程

使用Vue-cli搭建前端專案具體流程

Vue-cli是vue的一個腳手架,我們可以通過它來構建我們的前端專案
安裝vue-cli的步驟
1. 安裝nodeJS(已經整合npm)
2. node –v ; npm –v檢視是否成功安裝
3. 配置環境變數,找到npm所在的路徑(\username\AppData\Roaming\npm)檔案可能隱藏,將其放在path中(一般會自動新增)
4. 安裝vue-cli: npm install –g vue-cli
5. 建立專案 vue init webpack my-project
6. 選擇專案的一些配置(Y/n)
注:
npm install -g vue-cli
-g表示全域性安裝, vue-cli是模組,全域性安裝的模組可以在命令列直接使用.

vue init webpack my-project
建立一個基於”webpack”的專案,後面是專案名,
執行命令cd my-project
安裝需要的模組
npm i axios vuex vue-router –save
下面是我建立的yasn專案,目錄結構如下
這裡寫圖片描述
然後執行命令npm run dev 即可啟動專案