前面vue2.0和webpack都已經(jīng)有接觸了些（vue.js入門，webpack入門之簡單例子跑起來），現(xiàn)在開始學(xué)習(xí)如何構(gòu)造自己的vue2.0+webpack環(huán)境。大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團訓(xùn)

1.首先新建一個目錄vue-wkdemo，這是我們的項目目錄。執(zhí)行 npm init 命令生成package.json文件。執(zhí)行npm init之后，會提示你填寫一些項目的信息，一直回車默認(rèn)就好了，或者直接執(zhí)行 npm init -y 直接跳過詢問步驟。大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團訓(xùn)

2.安裝項目依賴項

npm install webpack webpack-dev-server vue-loader vue-html-loader css-loader vue-style-loader
vue-hot-reload-api babel-loader babel-core babel-plugin-transform-runtime babel-preset-es2015 babel-runtime@5 --save-dev
npm install html-webpack-plugin --save-dev
npm install vue --save

3.新建入口文件index.js，文件位置放置為：vue-wkdemo->app

網(wǎng)友評論