1. 程式人生 > >安裝node和vue-cli 並從GitHub上下載vue開源專案 並執行

安裝node和vue-cli 並從GitHub上下載vue開源專案 並執行

使用 node 的npm 到GitHub上下載vue的開源專案,並執行。

準備:

1.安裝node.js 全域性安裝 node -v 檢查是否安裝成功

2..安裝 vue-cli  使用 vue -V 檢查是否安裝成功 注意是大寫

開始:

1. 找到開源專案的git地址

2.使用cmd 定位到要安裝專案的資料夾下 (可以先到專案檔案加下在開啟cmd)

3.輸入命令: git clone https://github.com/sailengsi/sls-admin.git 自定義名稱

4.檢視下載下來的檔案結構 定位到有package.json 的資料夾下,並檢視package.json內devDependencies 等是否正確

5.在專案資料夾下執行命令: npm insatll 會生成一個新的資料夾node_modules 內含有我們專案所依賴的檔案

6.在專案下執行 npm run dev 啟動專案在瀏覽器中檢視

7.修改專案 最後使用webpack 打包專案釋出。

之前遇到的問題:

1.npm WARN enoent ENOENT: no such file or directory

答:資料夾下沒有 package.json檔案,使用命令npm inin ,這樣就會生產package.json檔案,檢視檔案是否正確

2.cannot find "......bulid\dev-sever.js"

這兩個問題其實都是我自己檔案路徑有問題。沒有理解。

npminstall vuex --save