初學(xué)Vue，第一次這樣在網(wǎng)上寫(xiě)東西

先科普一些概念吧

Node.js ?? Javascript運(yùn)行環(huán)境，不同系統(tǒng)不能直接運(yùn)行各種編程語(yǔ)言，這種類(lèi)型于一種翻譯。

?npm? Node.js下的包管理器

webpack? Vue的組件都是通過(guò).vue或者像微信小程序的.wxml和.wxss等自定義的組件都無(wú)法被用戶端的各種瀏覽器解析，需要翻譯和被打包成.js文件

vue-cli? 用來(lái)生成模版的Vue工程，相當(dāng)于按照設(shè)計(jì)好的圖來(lái)蓋房子微信小程序一開(kāi)始也會(huì)以可視化的界面問(wèn)你是否創(chuàng)建示例工程，其實(shí)就是封裝看類(lèi)似的腳手架。

安裝淘寶鏡像

npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝webpack

cnpm install webpack -g

安裝vue腳手架

npm install vue-cli -g

之后進(jìn)到一個(gè)文件夾根據(jù)模板創(chuàng)建項(xiàng)目

vue init webpack-simple 工程名字<工程名字不能用中文>

廢話不多說(shuō)了-_-,直接上圖

這個(gè)是創(chuàng)建一個(gè)項(xiàng)目模版

創(chuàng)建好了之后文件夾會(huì)多了這些內(nèi)容

然后我們這項(xiàng)目要運(yùn)行還得下載依賴

npm install

最后就可以運(yùn)行啦?。。?/p>

地址欄輸入localhost：8080就出現(xiàn)以下的效果