? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? phpstorm開發(fā)vue-cli并上傳服務(wù)器
????????怎么開發(fā)vue-cli項目這里不多做敘述衅枫，這里只交代完成cli項目之后怎么上傳到網(wǎng)站服務(wù)器茸时。
1.在你使用phpstorm完成cli項目之后，打開終端，輸入npm run build
2.等待一段時間溶握，它會自動幫你打包生成一個叫dist的文件夾酌壕。
dist已經(jīng)幫你把所有項目文件都打包好了，你要做的就是把dist上傳到網(wǎng)站服務(wù)器就行衫画。
3.登錄寶塔毫炉，添加站點，上傳文件削罩。
登錄寶塔瞄勾，添加站點
點擊提交之后，頁面就會多一個域名
然后點擊文件弥激，打開你域名相對應(yīng)的文件
默認有許多說明文檔进陡，地址欄輸入你剛剛創(chuàng)建的這個域名，看看是否顯示添加站點成功微服。
然后趾疚，把域名對應(yīng)的文件里的文件都刪除。
刪完之后以蕴，打開phpstorm配置本地文件與網(wǎng)站文件同步糙麦。
切記咱要傳的是dist文件。
phpstorm配置與服務(wù)器同步
第二步：
配置根路徑
第三步：
防止目錄遞歸
點擊ok后右側(cè)會出現(xiàn)你所上傳的文件目錄丛肮，點擊右鍵
自動更新到服務(wù)器
打開寶塔赡磅，在網(wǎng)站文件中就會出現(xiàn)你上傳的目錄。
現(xiàn)在在地址欄輸入你的域名就會看到vue-cli的項目宝与。
第一次寫焚廊，有點疏漏，大家諒解哈习劫，都是php愛好者咆瘟，歡迎來交流啊。
