git bash + node+ npm+ vue 搭建第一個vue project(一)

Git Bash是html

必定必定要先安裝git bash,切記!!前端

Git bash下載https://git-scm.com/downloads/vue

wKioL1gJ54vhRXrlAADInQmmpZg211.png-wh_50

選擇對應系統版本(也能夠不用選,網站會自動檢測並推薦版本,點擊保存就好),點擊安裝,git 2.10.0 icon換成了四色的,不是以往的單一色橘紅,這與慕課網node安裝視頻裏的版本不同,但,都是git bash ! 不用懷疑下載錯了。(在下載這裏聽了好大一會,由於兩個圖標不同,安裝過程也有差別,覺得本身下載錯了,反覆找了好幾遍~~~~(>_<)~~~~)。基本上除過安裝路徑可能要修改一下外,所有默認下一步便可。node

wKioL1gJ57ugXaPfAABnnxPmfYI904.png-wh_50

wKiom1gJ5_Xiyz5yAABtdSYlPCc857.png-wh_50


Nodejsgit

官網下載nodejs---http://nodejs.cn/
github

點擊下一步,一路默認安裝(可能改安裝路徑,我的喜歡把全部的編輯器安裝在D盤)。npm

npm一塊兒安裝了。

bash

wKioL1gJ6E7w0JsVAAAJNJHm3S4921.png-wh_50


git bash中輸入以下命令,顯示對應版本號,安裝成功。編輯器

wKiom1gJ6E6wC1ybAAA7NODKy8I393.png-wh_50


Vueide

按照官網文檔進行:

wKiom1gJ6YrimXz1AAAH6kaU7Fs848.png-wh_50

wKiom1gJ6YqiRIxOAAAk0BFdq0c267.png-wh_50

wKioL1gJ6YqBvweDAABFvRwz4Ac808.png-wh_50

wKioL1gJ6YqBgPw5AABRRg6iItU730.png-wh_50

wKiom1gJ6YqAPzjYAADRdRnShhw899.png-wh_50

wKiom1gJ6YrhjCnEAACo-DgtRwo403.png-wh_50


爲避免卡頓。更換鏡像,以下 nrm,輸入nrm test 選擇一個速度給力的鏡像

wKioL1gJ6YriugktAABIfk8yrgo540.png-wh_50

wKiom1gJ6YugJHVXAABLDEZ6XiA257.png-wh_50

wKioL1gJ6YuT4A7dAAB0B_vQuoo720.png-wh_50

wKiom1gJ6Yuyb0zzAAAibCJUWNU027.png-wh_50

wKioL1gJ6Yuzv8jyAAAShcx81-o795.png-wh_50

wKiom1gJ6YuRQApWAABjLfH6UlM710.png-wh_50

進行到這裏時,出錯了,一直沒調好,在羣友的幫助下,換了一個餓了麼的cooking(http://cookingjs.github.io/zh-cn/intro.html)

搭建了一個vue1.0。好了。


公衆號「前端早讀課」蠻不錯的,今天看到了這篇文章「新手向:Vue 2.0 的建議學習順序」(https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651223547&idx=1&sn=4d2004a07d03c2a959ae1367579ae184&chksm=bd49ac7f8a3e25697c4f8e840691c900276d4ca640bc338805ec128058c6dfafd42771562dde&scene=0&pass_ticket=0XyfTORKtMAjcl2o1Hs%2Bme6Eeq4hw%2Fre0ZCphFjB43YY%2BWUt5MdXj3yVyQXGouDC)

我決定了按照此文章紮紮實實的學習。

後面搭建好了完整的項目了,再補上來嘍。

歡迎在評論區留言,互相學習^O^

相關文章
相關標籤/搜索