準備工作

1.? 借助Node.js環境里的npm來安裝；

下載node并進行安裝：https://nodejs.org/zh-cn/

2.? 設置好npm鏡像；

使用淘寶鏡像：npm install -g cnpm --registry=https://registry.npm.taobao.org

即可安裝npm鏡像，以后再用到npm的地方直接用cnpm來代替就好了

3.? 安裝完webpack。?

npm install webpack -g

4.? 安裝完vue腳手架。?

cnpm install -g vue-cli

5.? 創建webpack模板

vue init webpack my-vue(項目文件夾的名字，不填則默認當前目錄為項目文件夾)

項目目錄： build----項目構建(webpack)相關代碼 config-----配置目錄，包括端口號等。我們初學可以使用默認的。 node_modules npm---- 加載的項目依賴模塊 src----這里是我們要開發的目錄，基本上要做的事情都在這個目錄里。里面包含了幾個目錄及文件assets---- 放置一些圖片，如logo等。 components---- 目錄里面放了一個組件文件，可以不用。 App.vue----項目入口文件，我們也可以直接將組件寫這里，而不使用 components 目錄。main.js----項目的核心文件。 static----靜態資源目錄，如圖片、字體等。 test----初始測試目錄，可刪除.xxxx----文件這些是一些配置文件，包括語法配置，git配置等。index.html----首頁入口文件，你可以添加一些 meta 信息或統計代碼啥的。package.json----項目配置文件。 README.md----項目的說明文檔，markdown 格式

6.? 安裝模板依賴

cnpm install

7.? 啟動項目

cnpm run dev

轉載于:https://www.cnblogs.com/lee-xingxing/p/11153276.html

總結

以上是生活随笔為你收集整理的创建 Npm+webpack的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。