首頁 > web前端 > js教程 > 主體

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

不言
發布: 2018-10-13 15:12:59
轉載
2873 人瀏覽過

這篇文章帶給大家的內容是關於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、專案會自動在預設瀏覽器中開啟。

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

7、打包的時候使用指令

npm build

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

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

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!