摘要:淘寶鏡像是一個(gè)完整鏡像,你可以用此代替官方版本只讀,同步頻率目前為分鐘一次以保證盡量與官方服務(wù)同步。全功能的,包括熱加載,靜態(tài)檢測(cè),單元測(cè)試一個(gè)簡(jiǎn)易的,以便于快速開(kāi)始。
首先
首發(fā)博客: 我的博客
項(xiàng)目源碼: 源碼
項(xiàng)目預(yù)覽: 預(yù)覽
1.1.1 安裝 Node.js因?yàn)閭€(gè)人的喜好和工作的需要,一直想寫(xiě)這樣的系列教程,今天如愿以償,但是我是第一次寫(xiě),有什么錯(cuò)誤,和指教的地方,歡迎吐槽,謝謝!
一般來(lái)講, 可以用以下三種方式安裝 Node.js:
通過(guò)安裝包安裝(Windows 和 Mac 用戶推薦)
通過(guò)源碼編譯安裝(Linux用戶推薦)
在 Linux 下可以通過(guò) yum|apt-get 安裝
Windows 和 Mac 安裝: 第一步:打開(kāi)?Node官網(wǎng),往下面拉,就可以看到有兩個(gè)下載選項(xiàng):
左邊的是 LTS 版,就是長(zhǎng)期支持的穩(wěn)定版本,一般人都用這個(gè)版本。
右邊是最新版本,支持很多最新的語(yǔ)言特征,對(duì)es6有更多的支持。(可以在?http://node.green?上面獲取到 Node.js 各個(gè)版本對(duì) ES6 的支持情況。)
我們選擇左邊的版本點(diǎn)擊下載。
下載好了安裝包,打開(kāi),一直點(diǎn)擊 繼續(xù) 就可以安裝好了。
第三步:安裝成功后,打開(kāi)終端輸入下面的命令。就可以看到自己的node 和npm 安裝好了沒(méi)有。
### Linux 用戶安裝:
Linux 用戶可通過(guò)源碼編譯安裝:
curl -O https://nodejs.org/dist/v6.10.3/node-v6.10.3.tar.gz tar -xzvf node-v6.10.3.tar.gz cd node-v6.10.3 ./configure make make install
1.1.2 淘寶 NPM 鏡像備注: 這里可能會(huì)發(fā)生因?yàn)槿鄙僖蕾嚢a(chǎn)生的編譯錯(cuò)誤。這里遇到錯(cuò)誤的會(huì)就自行g(shù)oogle了。
因?yàn)樵趬Φ脑虬。瑖?guó)內(nèi)直接使用 npm 的官方鏡像是非常慢的,這里推薦使用淘寶 NPM 鏡像。
淘寶 NPM 鏡像是一個(gè)完整 npmjs.org 鏡像,你可以用此代替官方版本(只讀),同步頻率目前為 10分鐘 一次以保證盡量與官方服務(wù)同步。
第一步:安裝$ npm install -g cnpm --registry=https://registry.npm.taobao.org第二步:使用
支持 npm 除了 publish 之外的所有命令, 如:
$ cnpm install [name]1.2.1 vue-cli 介紹
vue-cli是官方的項(xiàng)目構(gòu)建工具,一個(gè)簡(jiǎn)單的構(gòu)建工具,通過(guò)幾個(gè)默認(rèn)的步驟幫助你快速的構(gòu)建Vue.js項(xiàng)目。
第一步 安裝npm install -g vue-cli
第二步 選擇模板如果用npm下載速度慢,可以使用cnpm.
所有的官方項(xiàng)目模板在vuejs-templates。如果有新的模板添加進(jìn)來(lái),你需要使用下列命令,
vue init
也可以使用 vue list 來(lái)查看官方模板列表。
目前可用的模板包括:
browserify--全功能的Browserify + vueify,包括熱加載,靜態(tài)檢測(cè),單元測(cè)試
browserify-simple--一個(gè)簡(jiǎn)易的Browserify + vueify,以便于快速開(kāi)始。
webpack--全功能的Webpack + vueify,包括熱加載,靜態(tài)檢測(cè),單元測(cè)試
webpack-simple--一個(gè)簡(jiǎn)易的Webpack + vueify,以便于快速開(kāi)始。
simple?- 單個(gè)HTML文件中最簡(jiǎn)單的Vue設(shè)置
1.3.1 第一個(gè)vue項(xiàng)目 第一步 生成項(xiàng)目我們的項(xiàng)目選擇webpack,使用以下命令
vue init webpack vue-todos
前面就一直點(diǎn)回車(chē)就行了,后面使用ESLint,測(cè)試就選擇no就行。
第二步 運(yùn)行項(xiàng)目輸入下面的命令就可以運(yùn)行這個(gè)項(xiàng)目了。
cd vue-todos npm install npm run dev
這是時(shí)候就會(huì)自動(dòng)打開(kāi)端口 http://localhost:8080/#/
你會(huì)看到這樣的頁(yè)面。那我們就成功了。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/83302.html
摘要:淘寶鏡像是一個(gè)完整鏡像,你可以用此代替官方版本只讀,同步頻率目前為分鐘一次以保證盡量與官方服務(wù)同步。全功能的,包括熱加載,靜態(tài)檢測(cè),單元測(cè)試一個(gè)簡(jiǎn)易的,以便于快速開(kāi)始。 showImg(https://segmentfault.com/img/bVOBkJ?w=900&h=500); 首先 首發(fā)博客: 我的博客 項(xiàng)目源碼: 源碼 項(xiàng)目預(yù)覽: 預(yù)覽 因?yàn)閭€(gè)人的喜好和工作的需要,一直...
摘要:淘寶鏡像是一個(gè)完整鏡像,你可以用此代替官方版本只讀,同步頻率目前為分鐘一次以保證盡量與官方服務(wù)同步。全功能的,包括熱加載,靜態(tài)檢測(cè),單元測(cè)試一個(gè)簡(jiǎn)易的,以便于快速開(kāi)始。 showImg(https://segmentfault.com/img/bVOBkJ?w=900&h=500); 首先 首發(fā)博客: 我的博客 項(xiàng)目源碼: 源碼 項(xiàng)目預(yù)覽: 預(yù)覽 因?yàn)閭€(gè)人的喜好和工作的需要,一直...
摘要:好了,閑話不多說(shuō)今天要說(shuō)的時(shí)利用監(jiān)聽(tīng)路由的方式,實(shí)現(xiàn)同個(gè)頁(yè)面不同狀態(tài)的切換。只要等于,那么頁(yè)面就是待確認(rèn)回款頁(yè)面進(jìn)入待確認(rèn)回款頁(yè)面中,回款狀態(tài)的篩選標(biāo)簽要加上。 1.前言 今天發(fā)完這一篇,就要這個(gè)系列告一段落了!以后如果有什么要補(bǔ)充的會(huì)繼續(xù)補(bǔ)充!因?yàn)樵诤笈_(tái)管理項(xiàng)目上,搭建的話,主要就是這樣了!還有的一些是具體到交互的處理,那個(gè)是要根據(jù)后端的需求,來(lái)進(jìn)來(lái)比較細(xì)化的工作,我在這里就不說(shuō)了!...
摘要:目前專(zhuān)注前端圖片優(yōu)化與新技術(shù)的探研。還有一點(diǎn)必須要知道的是,是國(guó)人寫(xiě)的,技術(shù)文檔也妥妥的是中文,想到這我就有學(xué)習(xí)的動(dòng)力。注意到,等都是頁(yè)面也可以是組件,接著注冊(cè)路由器,然后開(kāi)始配置路由。 歡迎大家前往騰訊云+社區(qū),獲取更多騰訊海量技術(shù)實(shí)踐干貨哦~ 本文由蔡述雄發(fā)表于云+社區(qū)專(zhuān)欄蔡述雄,現(xiàn)騰訊用戶體驗(yàn)設(shè)計(jì)部QQ空間高級(jí)UI工程師。智圖圖片優(yōu)化系統(tǒng)首席工程師,曾參與《眾妙之門(mén)》書(shū)籍的翻譯工...
閱讀 3161·2023-04-25 19:09
閱讀 3874·2021-10-22 09:54
閱讀 1743·2021-09-29 09:35
閱讀 2904·2021-09-08 09:45
閱讀 2231·2021-09-06 15:00
閱讀 2766·2019-08-29 15:32
閱讀 1029·2019-08-28 18:30
閱讀 370·2019-08-26 13:43