成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

學(xué)習(xí)不一樣的vue實(shí)戰(zhàn)(1): 環(huán)境搭建

BoYang / 3062人閱讀

摘要：淘寶鏡像是一個(gè)完整鏡像，你可以用此代替官方版本只讀，同步頻率目前為分鐘一次以保證盡量與官方服務(wù)同步。全功能的，包括熱加載，靜態(tài)檢測，單元測試一個(gè)簡易的，以便于快速開始。

首先

首發(fā)博客: 我的博客

項(xiàng)目源碼: 源碼

項(xiàng)目預(yù)覽: 預(yù)覽

因?yàn)閭€(gè)人的喜好和工作的需要,一直想寫這樣的系列教程，今天如愿以償，但是我是第一次寫，有什么錯(cuò)誤，和指教的地方，歡迎吐槽，謝謝!
1.1.1 安裝 Node.js

一般來講, 可以用以下三種方式安裝 Node.js：

通過安裝包安裝(Windows 和 Mac 用戶推薦)

通過源碼編譯安裝(Linux用戶推薦)

在 Linux 下可以通過 yum|apt-get 安裝

Windows 和 Mac 安裝： 第一步:

打開?Node官網(wǎng)，往下面拉，就可以看到有兩個(gè)下載選項(xiàng)：

左邊的是 LTS 版,就是長期支持的穩(wěn)定版本，一般人都用這個(gè)版本。

右邊是最新版本，支持很多最新的語言特征，對es6有更多的支持。(可以在?http://node.green?上面獲取到 Node.js 各個(gè)版本對 ES6 的支持情況。)
我們選擇左邊的版本點(diǎn)擊下載。

第二步:

下載好了安裝包,打開,一直點(diǎn)擊 繼續(xù) 就可以安裝好了。

第三步：

安裝成功后，打開終端輸入下面的命令。就可以看到自己的node 和npm 安裝好了沒有。

### Linux 用戶安裝：

Linux 用戶可通過源碼編譯安裝：

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
備注: 這里可能會(huì)發(fā)生因?yàn)槿鄙僖蕾嚢a(chǎn)生的編譯錯(cuò)誤。這里遇到錯(cuò)誤的會(huì)就自行g(shù)oogle了。
1.1.2 淘寶 NPM 鏡像

因?yàn)樵趬Φ脑虬?，國?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è)簡單的構(gòu)建工具，通過幾個(gè)默認(rèn)的步驟幫助你快速的構(gòu)建Vue.js項(xiàng)目。

第一步 安裝 
npm install -g vue-cli
如果用npm下載速度慢，可以使用cnpm.
第二步 選擇模板

所有的官方項(xiàng)目模板在vuejs-templates。如果有新的模板添加進(jìn)來，你需要使用下列命令，

vue init  
也可以使用 vue list 來查看官方模板列表。

目前可用的模板包括：

browserify--全功能的Browserify + vueify，包括熱加載，靜態(tài)檢測，單元測試

browserify-simple--一個(gè)簡易的Browserify + vueify，以便于快速開始。

webpack--全功能的Webpack + vueify，包括熱加載，靜態(tài)檢測，單元測試

webpack-simple--一個(gè)簡易的Webpack + vueify，以便于快速開始。

simple?- 單個(gè)HTML文件中最簡單的Vue設(shè)置

1.3.1 第一個(gè)vue項(xiàng)目 第一步 生成項(xiàng)目

我們的項(xiàng)目選擇webpack,使用以下命令

 vue init webpack vue-todos

前面就一直點(diǎn)回車就行了，后面使用ESLint,測試就選擇no就行。

第二步 運(yùn)行項(xiàng)目

輸入下面的命令就可以運(yùn)行這個(gè)項(xiàng)目了。

     cd vue-todos
     npm install
     npm run dev

這是時(shí)候就會(huì)自動(dòng)打開端口 http://localhost:8080/#/
你會(huì)看到這樣的頁面。那我們就成功了。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/112069.html

相關(guān)文章

  • 學(xué)習(xí)不一樣的vue實(shí)戰(zhàn)(1): 環(huán)境搭建

    摘要：淘寶鏡像是一個(gè)完整鏡像，你可以用此代替官方版本只讀，同步頻率目前為分鐘一次以保證盡量與官方服務(wù)同步。全功能的，包括熱加載，靜態(tài)檢測，單元測試一個(gè)簡易的，以便于快速開始。 showImg(https://segmentfault.com/img/bVOBkJ?w=900&h=500); 首先 首發(fā)博客: 我的博客 項(xiàng)目源碼: 源碼 項(xiàng)目預(yù)覽: 預(yù)覽 因?yàn)閭€(gè)人的喜好和工作的需要,一直...

    Atom 評論0 收藏0

  • 學(xué)習(xí)不一樣的vue實(shí)戰(zhàn)(1): 環(huán)境搭建

    摘要：淘寶鏡像是一個(gè)完整鏡像，你可以用此代替官方版本只讀，同步頻率目前為分鐘一次以保證盡量與官方服務(wù)同步。全功能的，包括熱加載，靜態(tài)檢測，單元測試一個(gè)簡易的，以便于快速開始。 showImg(https://segmentfault.com/img/bVOBkJ?w=900&h=500); 首先 首發(fā)博客: 我的博客 項(xiàng)目源碼: 源碼 項(xiàng)目預(yù)覽: 預(yù)覽 因?yàn)閭€(gè)人的喜好和工作的需要,一直...

    OnlyLing 評論0 收藏0

  • webpack+vue項(xiàng)目實(shí)戰(zhàn)（五，監(jiān)聽路由，實(shí)現(xiàn)同個(gè)頁面不同狀態(tài)的切換）

    摘要：好了，閑話不多說今天要說的時(shí)利用監(jiān)聽路由的方式，實(shí)現(xiàn)同個(gè)頁面不同狀態(tài)的切換。只要等于，那么頁面就是待確認(rèn)回款頁面進(jìn)入待確認(rèn)回款頁面中，回款狀態(tài)的篩選標(biāo)簽要加上。 1.前言 今天發(fā)完這一篇，就要這個(gè)系列告一段落了！以后如果有什么要補(bǔ)充的會(huì)繼續(xù)補(bǔ)充！因?yàn)樵诤笈_(tái)管理項(xiàng)目上，搭建的話，主要就是這樣了！還有的一些是具體到交互的處理，那個(gè)是要根據(jù)后端的需求，來進(jìn)來比較細(xì)化的工作，我在這里就不說了！...

    guyan0319 評論0 收藏0

  • 比官方文檔更易懂的Vue.js教程！包你學(xué)會(huì)！

    摘要：目前專注前端圖片優(yōu)化與新技術(shù)的探研。還有一點(diǎn)必須要知道的是，是國人寫的，技術(shù)文檔也妥妥的是中文，想到這我就有學(xué)習(xí)的動(dòng)力。注意到，等都是頁面也可以是組件，接著注冊路由器，然后開始配置路由。 歡迎大家前往騰訊云+社區(qū)，獲取更多騰訊海量技術(shù)實(shí)踐干貨哦~ 本文由蔡述雄發(fā)表于云+社區(qū)專欄蔡述雄，現(xiàn)騰訊用戶體驗(yàn)設(shè)計(jì)部QQ空間高級(jí)UI工程師。智圖圖片優(yōu)化系統(tǒng)首席工程師，曾參與《眾妙之門》書籍的翻譯工...

    DandJ 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<