興趣是最好的老師！我希望通過學(xué)習(xí)和實(shí)踐坝疼，第一個(gè)目標(biāo)是用express和vue以及mysql搭建一個(gè)網(wǎng)站，并且有自己的一些增刪改查的功能谆沃。感謝MEZ的博客指導(dǎo)钝凶。
一、使用express搭建一個(gè)web應(yīng)用的骨架唁影。
1耕陷、安裝node.js
npm install node?
2、安裝express
npm install express -g （-g是指全局安裝）
3据沈、創(chuàng)建一個(gè)express1的應(yīng)用文件夾（也可以用webstorm直接創(chuàng)建一個(gè)project哟沫，那個(gè)更簡單，對(duì)自動(dòng)配置一些）
express express1
4锌介、進(jìn)入express1文件夾嗜诀，安裝所有依賴（webstorm會(huì)自動(dòng)安裝）
cd express1
npm install
5、window系統(tǒng)下啟動(dòng)這個(gè)應(yīng)用
set debug=express1 & npm start
然后在瀏覽器中打開 http://localhost：3000 刷新后就可以看到這個(gè)應(yīng)用了孔祸。
感覺超級(jí)簡單隆敢！
二、使用前端框架vue
在之前創(chuàng)建的express1的目錄下崔慧，使用vue-cli創(chuàng)建一個(gè)新項(xiàng)目筑公。
1、全局安裝vue-cli
npm install vue-cli -g
2尊浪、創(chuàng)建一個(gè)基于webpack模板的新項(xiàng)目
vue init webpack dev-www
3匣屡、進(jìn)入dev-www文件夾并安裝依賴
cd dev-www
npm install
4、啟動(dòng)項(xiàng)目
npm run dev
現(xiàn)在打開http://locaohost:8080.就能看到vue啟動(dòng)了拇涤。
三捣作、將express和vue聯(lián)系起來
express默認(rèn)使用的是源于Node.js的HTML模板引擎jade（用webstorm的時(shí)候可以選擇ejs或者jade，我選擇了ejs）鹅士，而vue打包的文件是html券躁，因此要安裝ejs作為引擎模板。（ejs的語法跟html很類似掉盅，jade需要額外學(xué)習(xí)）
1也拜、進(jìn)入express1目錄，并安裝ejs
cd express1
express --ejs （express --help會(huì)有命令行的介紹）
2趾痘、然后在app.js將view engine 修改為EJS
app.set('views', path.join(__dirname, 'views'));
app.engine('.html', require('ejs').__express);
app.set('view engine', 'html');
3慢哈、vue的配置修改是將dev-www下的config里的index.js修改
找到bulid和path字段，修改為：
//將入口文件index.html打包在express1目錄下的views目錄中
index： path.resolve(__dirname, '../../views/index.html'),
//path 將靜態(tài)資源打包在express1根目錄下的public中
assetsRoot: parh.resolve(__dirname, ' ../../public),
4永票、進(jìn)入dev-www中卵贱，打包前端部分
cd dev-www
npm run build
5、現(xiàn)在進(jìn)入express1侣集，啟動(dòng)應(yīng)用键俱，應(yīng)該就可以看到成果了
cd express1
npm start
頁面刷新后，能夠看到通過的結(jié)果很興奮世分。编振。。
