vue和webpack項(xiàng)目構(gòu)建過程常用的npm命令詳解
vue
//最新穩(wěn)定版 cnpm install vue //全局安裝 vue-cli cnpm install --global vue-cli //創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目 vue init webpack my-project //進(jìn)入項(xiàng)目目錄，運(yùn)行 cd my-project cnpm install cnpm run dev
webpack
//全局安裝webpack cnpm install -g webpack //安裝到你的項(xiàng)目目錄 cnpm install --save-dev webpack //初始化package.json cnpm init //使用webpack構(gòu)建本地服務(wù)器 cnpm install --save-dev webpack-dev-server //運(yùn)行本地服務(wù)器 npm run server // npm一次性安裝多個(gè)依賴模塊，模塊之間用空格隔開 cnpm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react //css-loader 和 style-loader cnpm install --save-dev style-loader css-loader //安裝less-loader和less： cnpm install less less-loader --save-dev //postcss-loader 和 autoprefixer（自動(dòng)添加前綴的插件） cnpm install --save-dev postcss-loader autoprefixer //自動(dòng)根據(jù)模版生成html插件 cnpm install --save-dev html-webpack-plugin //分離CSS和JS文件 cnpm install --save-dev extract-text-webpack-plugin
--save和--save-dev的區(qū)別
相同點(diǎn)：都是寫入到package.json中
不同點(diǎn)：1使用 --save-dev 安裝的 插件，被寫入到 devDependencies 對(duì)象里面去，而使用 --save 安裝的插件，則被寫入到 dependencies 對(duì)象里面去。
2devDependencies 里面的插件只用于開發(fā)環(huán)境，不用于生產(chǎn)環(huán)境，而 dependencies 是需要發(fā)布到生產(chǎn)環(huán)境的。
總結(jié)
以上所述是小編給大家介紹的vue和webpack項(xiàng)目構(gòu)建過程常用的npm命令，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
Vuex數(shù)據(jù)持久化的兩種方式:手動(dòng)存儲(chǔ)和vuex-persistedstate插件詳解
這篇文章主要介紹了Vuex數(shù)據(jù)持久化的兩種方式:手動(dòng)存儲(chǔ)和vuex-persistedstate插件,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
vue3.2自定義彈窗組件結(jié)合函數(shù)式調(diào)用示例詳解
這篇文章主要為大家介紹了vue3.2自定義彈窗組件結(jié)合函數(shù)式調(diào)用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
下面小編就為大家分享一篇關(guān)閉Vue計(jì)算屬性自帶的緩存功能方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-03-03
Slots Emit和Props穿透組件封裝實(shí)現(xiàn)摸魚加鐘
這篇文章主要為大家介紹了Slots Emit和Props穿透組件封裝實(shí)現(xiàn)示例詳解，為摸魚加個(gè)鐘，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
Vue局部組件數(shù)據(jù)共享Vue.observable()的使用
隨著組件的細(xì)化，就會(huì)遇到多組件狀態(tài)共享的情況，今天我們介紹的是 vue.js 2.6 新增加的 Observable API ，通過使用這個(gè) api 我們可以應(yīng)對(duì)一些簡(jiǎn)單的跨組件數(shù)據(jù)狀態(tài)共享的情況，感興趣的可以了解一下2021-06-06
vue項(xiàng)目如何實(shí)現(xiàn)ip和localhost同時(shí)訪問
這篇文章主要介紹了vue項(xiàng)目如何實(shí)現(xiàn)ip和localhost同時(shí)訪問，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了Vue3使用mitt進(jìn)行組件通信的步驟，幫助大家更好的理解和學(xué)習(xí)使用vue，感興趣的朋友可以了解下2021-05-05
這篇文章主要介紹了Vue自定義表單內(nèi)容檢查rules實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2020-10-10
vue3如何通過provide和inject實(shí)現(xiàn)多層級(jí)組件通信
這篇文章主要介紹了vue3如何通過provide和inject實(shí)現(xiàn)多層級(jí)組件通信,本文通過實(shí)例代碼給大家講解的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-11-11
解決vue打包報(bào)錯(cuò)Unexpected token: punc的問題
這篇文章主要介紹了解決vue打包報(bào)錯(cuò)Unexpected token: punc的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2020-10-10