? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 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愛好者咆瘟,歡迎來交流啊。