您好,登錄后才能下訂單哦!
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)站的支持!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。