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

我們能夠發現在當前目錄下多了一個.git的目錄，這個目錄是Git來跟蹤管理版本庫。

5、在github創建遠程倉庫，倉庫名字和本地項目名稱一致

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

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

7、將本地文件提交到遠程倉庫。

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

push報錯：

Push rejected: Push to origin/master was rejected

解決方案：

通過一下代碼合併

git pull --rebase origin master

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

8、將代碼推送到github之後，現在安裝插件模塊

npm  install

9、奔跑吧，項目

npm  run  dev

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