vue的webpack打包步驟

1，安裝全局cli；npm install -g vue-cli
2，建文件夾;vue init webpack my-project : my-project為我自己的項目文件名,下載時一個yes其他都是NO
3，在項目中npm install下載相關模塊
4，得到模塊后npm start 啟動，然后進入8080端口，默認為vue官方頁面，並且自動彈出首頁，
需要進入config文件，將里面的index.js 的autoOpenBrowser改為false，則不會再自動彈出網頁。
5，可以刪除自帶首頁，即router里面的App.vue文件，和components下面的Hello.vue文件
6，在components文件夾下面加入自己的項目文件，在router文件夾下面的index.js里面修改需要引入的模塊，並且配置加載路徑，默認為哈希路徑，可以在router文件下面添加mode: 'history',改為絕對路徑
7，在config的index.js里面配置跨域訪問路徑
proxyTable: {
'*' : {
target: 'http://127.0.0.1:3000',
changeOrigin: true,
filter: function (pathname, req) {
return pathname.match('^(/admin)|(/student)|(/getSession)|(/logout)');
}
}
},
8,針對里面的css寫法則完全按照css的方式寫，在<style>里面加入scoped屬性，則會限制css樣式不受外界污染。