vue學習——從零搭建vue+webpack項目


一 安裝node

    vue項目搭建依賴node的npm包管理器,所以我們先得安裝node,此處就不詳細講解其安裝過程。

二 安裝vue-cli

npm install -g vue-cli

安裝成功后可以輸入vue查看相關命令的使用,輸入vue list可以查看vue可以用的模板:

我們這里選擇webpack模板:

vue init webpack projectName

輸入上述命令,設置根據提示設置你的項目即可,如果不設置,一路回車就可以,以下是我的配置:

以上,項目初始化完成,最后:

可以看到,vue非常貼心的告訴你to get started,運行cd vue-test和npm run dev:

瀏覽器輸入http://localhost:8080看見一下頁面則大功告成啦:

回到項目路徑下:

可以看見剛剛我們那一堆命令已經自動為我們生成一堆項目文件啦,下一節我將講解一下這些文件的作用及意義。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM