vue學習 從零搭建vue webpack專案

2022-08-22 23:39:11 字數 898 閱讀 9452

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

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看見一下頁面則大功告成啦:

回到專案路徑下:

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

vue 從零搭建專案

本地開發需要哪些工具 node.js 4.x,6.x preferred 以及npm包管理器。可以使用國內 的cnpm webpack前端構建工具,將vue 模板編譯打包處理的工具 webpack是當下最熱門的前端資源模組化管理和打包工具,它可以將很多鬆散的模組按照以來以及一定的規則打包成符合生產環...

VUE從零搭建專案 安裝環境

2.判斷是否安裝成功 命令 node v 3.判斷是否安裝npm npm是nodejs的包管理器,用於node外掛程式管理,包括安裝 解除安裝 管理依賴 npm v 4.npm安裝外掛程式命令 npm install name 5.安裝cnpm npmjs.org 映象,國內使用更方便 npm in...

從零搭建深度學習環境

經歷環境的崩潰以後,為了防止以後再在環境配置上走彎路,特此記錄搭建環境的每一步。基本環境 win7 64位 gpu cuda8.0 win r cmd終端命令 activate base環境,開始顯示activate不是命令,此時需要將anaconda以及anaconda scripts所在的路徑新...