使用vue-cli+webpack如何搭建vue

這篇文章主要介紹了使用vue-cli webpack搭建vue開發環境的方法,需要的朋友可以參考下

在這裡我們需要先下載node，因為我們要用到npm包下載，是基於node的

廢話不多說，我們直接進入正題

下載node，同時需要下載git，以後我們就在git上輸入命令來搭建我們的vue環境

git用的是linux指令

不要問為什麼，能用就行，你說是不是？

windows系統，下載完git以後我們再桌面右鍵滑鼠會看到git Bash，點開它，然後就打開了git，

git有很多功能，同時git可以往github上push你的文件，github是一個很不錯的倉庫管理工具哦

好，我們直接開始，打開git之後會顯示

然後我們執行npm install webpack

就會自動下載webpack最新版本了

在這裡我們直接進入正題，怎麼使用vue-cli搭建vue的開發環境

在這裡我們需要全域安裝vue-cli

在git裡執行npm install vue-cli -g  安裝vue指令環境

vue --verson查看是否安裝成功，

vue init webpack-simple<模板名，就是你的專案的名稱>，

vue init webpack-simple myvue

cd myvue進入到我們的專案下

npm install

##然後你會發現多了一個node——modules文件，裡面是node的一些模組

然後我們再命令列執行

vue自動打開了瀏覽器，運行了此vue項目

以上就是我整理的文字，希望對大家有幫助

#相關文章:

以上是使用vue-cli+webpack如何搭建vue的詳細內容。更多資訊請關注PHP中文網其他相關文章！