vue webpack環境搭建

2021-09-10 08:40:05 字數 898 閱讀 4337

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 webpack 專案搭建環境(沒寫完)

一 搭建環境 安裝node.js npm init初始化專案 npm install webpack vue vue loader css loader 安裝依賴包 如果提示要安裝 vue template complier,npm install vue template complier即可。安...

vue webpack搭建目錄詳情

readme.md 專案介紹 index.html 入口頁面 build 構建指令碼目錄 build server.js 執行本地構建伺服器,可以訪問構建後的頁面 build.js 生產環境構建指令碼 dev client.js 開發伺服器熱過載指令碼,主要用來實現開發階段的頁面自動重新整理 dev...

vue lic工具搭建vue webpack專案

1.安裝node環境 安裝node時候會自動安裝npm 參考官網 2.安裝vue的腳手架工具vue cli 全域性安裝 npm i vue cli g 3.使用vue cli初始化webpack專案 在這裡用的是cmd,可以選擇選項 vue init webpack test project tes...