當(dāng)前位置:
首頁(yè) >
创建 Npm+webpack
發(fā)布時(shí)間:2025/4/16
32
豆豆
生活随笔
收集整理的這篇文章主要介紹了
创建 Npm+webpack
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
準(zhǔn)備工作
1.? 借助Node.js環(huán)境里的npm來(lái)安裝;
下載node并進(jìn)行安裝:https://nodejs.org/zh-cn/
2.? 設(shè)置好npm鏡像;
使用淘寶鏡像:npm install -g cnpm --registry=https://registry.npm.taobao.org
即可安裝npm鏡像,以后再用到npm的地方直接用cnpm來(lái)代替就好了
3.? 安裝完webpack。?
npm install webpack -g
4.? 安裝完vue腳手架。?
cnpm install -g vue-cli
5.? 創(chuàng)建webpack模板
vue init webpack my-vue(項(xiàng)目文件夾的名字,不填則默認(rèn)當(dāng)前目錄為項(xiàng)目文件夾)
項(xiàng)目目錄: build----項(xiàng)目構(gòu)建(webpack)相關(guān)代碼 config-----配置目錄,包括端口號(hào)等。我們初學(xué)可以使用默認(rèn)的。 node_modules npm---- 加載的項(xiàng)目依賴模塊 src----這里是我們要開發(fā)的目錄,基本上要做的事情都在這個(gè)目錄里。里面包含了幾個(gè)目錄及文件assets---- 放置一些圖片,如logo等。 components---- 目錄里面放了一個(gè)組件文件,可以不用。 App.vue----項(xiàng)目入口文件,我們也可以直接將組件寫這里,而不使用 components 目錄。main.js----項(xiàng)目的核心文件。 static----靜態(tài)資源目錄,如圖片、字體等。 test----初始測(cè)試目錄,可刪除.xxxx----文件這些是一些配置文件,包括語(yǔ)法配置,git配置等。index.html----首頁(yè)入口文件,你可以添加一些 meta 信息或統(tǒng)計(jì)代碼啥的。package.json----項(xiàng)目配置文件。 README.md----項(xiàng)目的說(shuō)明文檔,markdown 格式6.? 安裝模板依賴
cnpm install
7.? 啟動(dòng)項(xiàng)目
cnpm run dev
轉(zhuǎn)載于:https://www.cnblogs.com/lee-xingxing/p/11153276.html
總結(jié)
以上是生活随笔為你收集整理的创建 Npm+webpack的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: accelerated C++ 第0章
- 下一篇: Unity Shader 屏幕后效果——