vue-cli專案的快速建置的方法步驟

這篇文章帶給大家的內容是關於vue-cli專案的快速搭建的方法步驟，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

1、首先需要安裝nodejs（略了）。

2、用node安裝vue-cli。

npm install -g vue-cli

3、新建目錄用來存放工程。

新建一個vue專案使用webpack作為打包工具，同時指令工程名稱為second

vue init webpack second

4、使用idea開啟second，開啟記得需要安裝vue插件和nodejs插件。

5、在專案根目錄的命令列下輸入編譯命令

npm install
npm run dev

6、專案會自動在預設瀏覽器中開啟。

7、打包的時候使用指令

npm build

執行成功後會在專案資料夾下產生目錄/dist。

以上是vue-cli專案的快速建置的方法步驟的詳細內容。更多資訊請關注PHP中文網其他相關文章！