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

怎麼使用vue-cli來搭建vue專案和webpack?

PHP中文网
發布: 2017-06-22 15:30:03
原創
3023 人瀏覽過

用Vue比較長一段時間了,大大小小做了一些項目,最近想總結一下知識點,出一個Vue+webpack系列,先從項目構建說起-vue-cli.

由於是Vue+webpack這裡就不贅述git那些東西,預設環境都配置好了。

第一步先建立一個資料夾我這裡是apronew;

第二步在資料夾裡面打開git bash,然後敲命令列npm install --global vue-cli,全域安裝vue-cli,如果已經全域安裝可不用再裝一次;

# 第三步:第二步成功之後,建立一個基於webpack 模板的新項目敲指令行: vue init webpack test-vue-cli

# 當完成第三步,進入到新init的資料夾此時是這樣的

第四步:安裝依賴包,用命令列npm install(這裡推薦用cnpm淘寶鏡像,比較快)

安裝過程是這樣的

安裝成功是這樣的

此時就可以進行最後一步跑起來啦;

第五步:npm run dev;(至於為什麼是run dev 以及這個命令列敲完乾了些什麼日後再補上)

如果有依賴沒安裝上,這一步會有報錯,繼續安裝一下響應的依賴就行了;出現以下狀態就表示大功告成啦!

 

#以Vue 鷹架建置專案結束!

 

以上是怎麼使用vue-cli來搭建vue專案和webpack?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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