溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
vue
//最新穩定版 cnpm install vue //全局安裝 vue-cli cnpm install --global vue-cli //創建一個基于 webpack 模板的新項目 vue init webpack my-project //進入項目目錄，運行 cd my-project cnpm install cnpm run dev
webpack
//全局安裝webpack cnpm install -g webpack //安裝到你的項目目錄 cnpm install --save-dev webpack //初始化package.json cnpm init //使用webpack構建本地服務器 cnpm install --save-dev webpack-dev-server //運行本地服務器 npm run server // npm一次性安裝多個依賴模塊，模塊之間用空格隔開 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（自動添加前綴的插件） cnpm install --save-dev postcss-loader autoprefixer //自動根據模版生成html插件 cnpm install --save-dev html-webpack-plugin //分離CSS和JS文件 cnpm install --save-dev extract-text-webpack-plugin
--save和--save-dev的區別
相同點：都是寫入到package.json中
不同點：1使用 --save-dev 安裝的 插件，被寫入到 devDependencies 對象里面去，而使用 --save 安裝的插件，則被寫入到 dependencies 對象里面去。
2devDependencies 里面的插件只用于開發環境，不用于生產環境，而 dependencies 是需要發布到生產環境的。
總結
以上所述是小編給大家介紹的vue和webpack項目構建過程常用的npm命令，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
