vue cli快速搭建vue專案並上傳github

首先我們先用vue-cli快速搭建vue專案。

假設你的電腦上已經安裝好了nodejs（如何安裝nodejs此處跳過，網上很多教程），那麼接下來就安裝vue-cli。

1、全域性安裝vue-cli，**如下；

npm install vue-cli -g

2、用vue-cli快速建立vue專案（模板），**如下；

vue init webpack projectname

其中會有提示，一路回車，使用預設的就ok。projectname為你專案名稱，自擬。

現在你就可以看到你的目錄下有了   projectname  這個資料夾。

3.然後進入目錄

cd projectname

4、初始化這個資料夾為乙個git可管理倉庫

git init

5、在github建立遠端倉庫，倉庫名字和本地專案名稱一致

6、將本地倉庫與遠端倉庫關聯

git remote add origin [email protected]:zhang478/vue-mode.git

7、將本地檔案提交到遠端倉庫。

此處我使用了webstorm配置的git提交**，但是遇到一點問題，手殘將遠端倉庫的reademe檔案刪除了，導致push一致失敗，然後網上找了一下解決方案。

push報錯：

解決方案：

通過一下**合併

git pull --rebase origin master

然後再次push，ok，解決。 success！！

8、將**推送到github之後，現在安裝外掛程式模組

npm  install

npm  run  dev

現在你可以在瀏覽器中看到你的專案頁面了！！

vue cli快速搭建vue專案

1.安裝node 使用6 2.安裝cnpm 安裝包時，記得以管理員許可權開啟cmd 3.安裝vue cli npm install g vue cli 4.建立專案 vue init webpack xx 請確保安裝了webpack 5.開發模式的檔案在src目錄下，進入檔案後，開啟package....

vue cli 搭建vue專案

安裝完成後，開啟命令列工具輸入命令node v，如果出現對應版本號，就說明安裝成功了。npm包管理器，是整合在node中的，所以，直接輸入npm v也會顯示出npm的版本資訊。由於npm的有些資源被牆，為了更快更穩定,所以我們需要切換到 的npm映象 cnpm。npm install g cnpm ...

vue cli搭建vue專案

生成依賴 命令 npm install 4.執行命令 npm run dev 5專案打包命令 npm run build 檢測node版本 node v 檢視npm安裝 npm v 解除安裝vue cli2 npm uninstall vue cli g 安裝vue cli3 npm install...