1.首先 npm init -y 創建一個項目
2.安裝vue
npm install vue --save
3.然后安裝webpack 注意如果全局沒有還要安裝全局的webpack和webpack-cli
npm install --save-dev webpack webpack-dev-server webpack-cli
4.安裝loader(加載器)
npm install --save-dev css-loader file-loader style-loader
5.安裝vue模板的loader和template解析
npm install vue-loader vue-html-loader vue-style-loader vue-template-compiler
6.安裝babel
npm install --save-dev babel-loader@7 babel-core babel-preset-env
推薦用babel-loader@7 7以上的版本依賴可能會報錯
babel-preset-env：會根據配置的運行環境自動啟用需要的babel插件
7.安裝 html-webpack-plugin 不安裝可能會出現配置完成后頁面一片空白的情況
8.配置json的scripts
9.在根目錄創建App.vue index.html index.js webpack.config.js 目錄如下：
webpack.config.js配置如下
App.vue
index.html
index.js
然后npm run dev
npm run build 打包上線 會生成一個dist文件夾 就能直接上線啦