從github下載vue相關模板


直接去github下載對應的模板(template),命令如下:

vue init webpack-simple project --offline

https://github.com/vuejs-templates/下載

然后cd進入項目文件夾,在控制台輸入以下命令:

npm install

這個命令會在本地 node_modules 文件夾中安裝依賴項,默認情況下, npm 安裝將在包中安裝作為依賴項列出的所有模塊. json。

使用-生產標志 (或當 NODE_ENV 環境變量設置為 "生產") 時, npm 將不會安裝 devDependencies 中列出的模塊。

  最后,運行以下命令。

npm run dev

  它執行的是build/dev-server.js文件,這時會自動打開瀏覽器。該命令執行了:

檢查node和npm的版本
引入相關插件和配置
創建express服務器和webpack編譯器
配置開發中間件(webpack-dev-middleware)和熱重載中間件(webpack-hot-middleware)
掛載代理服務和中間件
配置靜態資源
啟動服務器監聽特定端口(8080)
自動打開瀏覽器並打開特定網址(localhost:8080)

說明: express服務器提供靜態文件服務,不過它還使用了http-proxy-middleware,一個http請求代理的中間件。前端開發過程中需要使用到后台的API的話,可以通過配置proxyTable來將相應的后台請求代理到專用的API服務器。

  ps:這兩天在搗鼓vue,把之前忘了的vue指令復習了下。現在的時間用來學習vue全局,學的快的話再學點其他的東西,所以只能在空閑的時候整理下“vue部署github,創建github服務器”的相關知識。看了下其他博主的博文,深感自己的不足之處在於,沒有把解決問題的過程細化,而是單一地呈現出解決問題后的結果,這對提升自己解決問題的能力並沒有太大的幫助。(推薦一篇博文:https://blog.csdn.net/qq_38903950/article/details/78104773,還沒來得及細看,有空就操作)

  學vue也有些天了,但是沒有很大長進,觀者如有建議,歡迎提出。多多探討交流切磋,讓我們的技術在交流中不斷得到提升。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM