webpack前端構建基礎筆記

注：npm i(install) -g(全局安裝) --save -dev (生產環境及開發環境) vue-cli(腳手架)

1.從node.js官網下載最新安裝包進行安裝

二、設置淘寶鏡像代理：npm config set registry https://registry.npm.taobao.org

三、安裝腳手架：npm install -gD vue-cli

四、安裝cnpm:npm install -gD cnpm

五、安裝vue:cnpm install -gD vue-cli

====================vue項目安裝======================
一、進入項目目錄
二、cnpm install -gd vue-cli(第三步失敗後從第二步開始從新執行)
三、vue init webpack vuetest1 (工程名必須爲小寫)
四、vue-router選着Y
五、code選着N
六、tests單元測試選着N
七、下載vue代碼語法高亮插件：https://github.com/vuejs/vue-syntax-highlight
八、安裝webpack打包工具 ：npm install webpack -gD
九、項目中安裝npm工具： npm init y
十、用webpack打包前安裝：npm install webpack-cli -g
更換打包命令爲: webpack ./src/main.js -o ./dist/bundle.js
其中 bundle.js是打包後生成的文件的文件名,安裝jquery: npm install -D

十一、要用VUE需安裝VUE完整版 ：cnpm vue-loader vue-template-complier -gd
而後倒入完整的包路徑 ：import Vue from '../node_modules/vue/dist/vue.js'