vue之搭建在地項目

這次帶給大家vue之搭建本地項目，vue之搭建本地項目的注意事項有哪些，以下就是實戰案例，一起來看一下。

一.

安裝nodejs

連結：https://nodejs .org/zh-cn/

#二.

#安裝webpack

安裝指令：cnpm install webpack -g

#安裝完成，透過webpack -v 來查看目前webpack版本

三.

接著安裝全域的vue-cli腳手架,用來幫助建立所需的範本框架

#安裝指令：npm install -g vue-cli

#安裝完後，可以輸入vue，或vue -V，然後回車，如果出現vue的訊息，則表示安裝成功了。

四.

緊接著，就該創建專案了，自己找一個合適的地方，新建一個專案資料夾，根據自己的需要命名，我的命名為my-vue，然後，打開此資料夾，右鍵git bash here，定位到此資料夾，輸入:vue init webpack my-vue(專案資料夾名稱) ，回車，等待一小會兒，依序出現'git'下的項，可按下圖操作:

#五.之後透過指令：cd vue-test 進入此資料夾，在利用指令：npm install，回車，等待一小會兒，回到專案資料夾，會發現專案結構裡，多了一個node_modules資料夾（該檔案裡的內容就是先前安裝的依賴）。

六.在命令列繼續輸入npm run dev來測試環境是否建置成功，如果出現如下圖說明成功了：

#然後輸入提示你的位址，我的是8081，出現下圖，就ok了

相關推薦：

vue專案建置步驟

命令列建構vue的專案框架

vue.js在windows本地下建置環境與建立專案

以上是vue之搭建在地項目的詳細內容。更多資訊請關注PHP中文網其他相關文章！