基于Idea從零搭建一個(gè)最簡(jiǎn)單的vue項(xiàng)目
http://www.itdecent.cn/p/9c1d4f8ed068
node.js
Node.js是一個(gè)Javascript運(yùn)行環(huán)境(runtime)，發(fā)布于2009年5月，由Ryan Dahl開(kāi)發(fā)，實(shí)質(zhì)是對(duì)Chrome V8引擎進(jìn)行了封裝。Node.js對(duì)一些特殊用例進(jìn)行優(yōu)化，提供替代的API，使得V8在非瀏覽器環(huán)境下運(yùn)行得更好。V8引擎執(zhí)行Javascript的速度非?？?，性能非常好。 Node.js是一個(gè)基于Chrome JavaScript運(yùn)行時(shí)建立的平臺(tái)， 用于方便地搭建響應(yīng)速度快、易于擴(kuò)展的網(wǎng)絡(luò)應(yīng)用。Node.js 使用事件驅(qū)動(dòng)， 非阻塞I/O模型而得以輕量和高效，非常適合在分布式設(shè)備上運(yùn)行數(shù)據(jù)密集型的實(shí)時(shí)應(yīng)用。總結(jié)一下，node,js提供了javascript在瀏覽器以外的一個(gè)執(zhí)行環(huán)境，滿(mǎn)足一些特定的場(chǎng)景需求。
npm
npm 是 nodejs 的包管理和分發(fā)工具。它可以讓 javascript 開(kāi)發(fā)者能夠更加輕松的共享代碼和共用代碼片段，并且通過(guò) npm 管理你分享的代碼也很方便快捷和簡(jiǎn)單。通過(guò)npm可以更方便的引用和分析基于nodejs開(kāi)發(fā)的類(lèi)庫(kù)和插件。
webpack
WebPack可以看做是模塊打包機(jī)：它做的事情是，分析你的項(xiàng)目結(jié)構(gòu)，找到JavaScript模塊以及其它的一些瀏覽器不能直接運(yùn)行的拓展語(yǔ)言（Scss，TypeScript等），并將其打包為合適的格式以供瀏覽器使用。通過(guò)webpack可以把基于模塊開(kāi)發(fā)的前端工程代碼打包成可以在瀏覽器使用的格式。
vue2
是一套構(gòu)建用戶(hù)界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是，Vue 采用自底向上增量開(kāi)發(fā)的設(shè)計(jì)。Vue 的核心庫(kù)只關(guān)注視圖層，它不僅易于上手，還便于與第三方庫(kù)或既有項(xiàng)目整合。另一方面，當(dāng)與單文件系統(tǒng)和vue生態(tài)系統(tǒng)支持的庫(kù)結(jié)合使用時(shí)，Vue 也完全能夠?yàn)閺?fù)雜的單頁(yè)應(yīng)用程序提供驅(qū)動(dòng)。在開(kāi)發(fā)中vue會(huì)把使用vue語(yǔ)法修飾的html標(biāo)簽與js對(duì)象進(jìn)行綁定，從而使html值變化時(shí)可以同步修改js對(duì)象，js對(duì)象值變化時(shí)可以在頁(yè)面暫時(shí)，使開(kāi)發(fā)從復(fù)雜的document操作中解脫出來(lái)。
iview
一套基于 Vue.js 的高質(zhì)量 UI 組件庫(kù)，通過(guò)iveiw可以快速的開(kāi)發(fā)出風(fēng)格一致的前端界面。
node.js安裝：
打開(kāi)cmd 輸入下面的命令查看是否成功安裝
node -v
npm -v
安裝vue腳手架工具
首先安裝npm的淘寶鏡像(下載速度比較快)，打開(kāi)idea的Terminal
輸入以下的命令
npm i -g cnpm --registry=https://registry.npm.taobao.org
等待下載完成以后，繼續(xù)安裝vue的腳手架工具，在Terminal內(nèi)繼續(xù)輸入以下命令
npm i -g vue-cli
測(cè)試是否安裝成功：
vue -V
腳手架安裝完成后，初始化包結(jié)構(gòu),繼續(xù)輸入
1、vue init webpack myproject
Install vue-router?
是否安裝 vue 路由組件，做項(xiàng)目的話(huà)一定要安裝
Use ESLint to lint your code?
是否需要使用 ESLint 模塊進(jìn)行代碼檢測(cè)
Setup e2e tests with Nightwatch?
是否安裝端到端的測(cè)試
安裝成功界面
目錄結(jié)構(gòu)解析?
目錄/文件說(shuō)明
build項(xiàng)目構(gòu)建(webpack)相關(guān)代碼
config配置目錄，包括端口號(hào)等。我們初學(xué)可以使用默認(rèn)的。
node_modulesnpm 加載的項(xiàng)目依賴(lài)模塊
src這里是我們要開(kāi)發(fā)的目錄，基本上要做的事情都在這個(gè)目錄里。里面包含了幾個(gè)目錄及文件：
assets: 放置一些圖片，如logo等。
components: 目錄里面放了一個(gè)組件文件，可以不用。
App.vue: 項(xiàng)目入口文件，我們也可以直接將組件寫(xiě)這里，而不使用 components 目錄。
main.js: 項(xiàng)目的核心文件。
static靜態(tài)資源目錄，如圖片、字體等。
test初始測(cè)試目錄，可刪除
.xxxx文件這些是一些配置文件，包括語(yǔ)法配置，git配置等。
index.html首頁(yè)入口文件，你可以添加一些 meta 信息或統(tǒng)計(jì)代碼啥的。
package.json項(xiàng)目配置文件。
README.md項(xiàng)目的說(shuō)明文檔，markdown 格式
修改js校驗(yàn)規(guī)則：
"space-before-function-paren":0,
