當前位置:
首頁 > 知識 > Vue2.0 從零開始——搭建環境

Vue2.0 從零開始——搭建環境

簡要:繼項目空閑後,開始著手vue的學習;為此向大家分享其中的艱辛和搭建辦法,希望能夠跟各位VUE大神學習探索,如果有不對或者好的建議告知下;*~*!

一、什麼是VUE?

是一種node.js框架,特點如下:

  1.數據綁定 (特性:雙向綁定;一旦發生變化,Dom節點實時更新;PS:盡量拋棄JQ,次特點已經可以解決很多特效等問題)

  2.組件化(比如:樂高積木一樣通過互相引用而組裝起來)

二、開發環境

Vue2.0 從零開始——搭建環境

三、環境搭建

1. 包管理器安裝

(1) Homebrew安裝 (mac 環境,win無法安裝)

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

(2) node.js安裝(win下前往node.js官網安裝即可)

brew install nodejs (mac 環境)

2. 相關安裝指令

(1) 淘寶鏡像(當npm下載相關擴展超時,最為快捷)

npm install -g cnpm --registry=https://registry.npm.taobao.org // 註冊淘寶鏡像 npm替換成cnpm使用即可

(2) 安裝webpack

cnpm/npm install webpack -g

(3) 安裝vue腳手架

cnpm/npm install vue-cli -g

(4) 初始化項目

vue init webpack 項目名字

(5) 安裝項目依賴 (添加依賴或者刪除時,須重新安裝)

npm install

(6) 運行開發環境

npm run dev

(6) 運行運營環境

npm run build

Vue2.0 從零開始——搭建環境

以上就是我的分享,如果我的這篇文章解決了你的問題,麻煩你點個贊讓更多同樣情況的朋友,能更快的解決問題!

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 達人科技 的精彩文章:

Webpack 開發工具與模塊熱替換
Webpack 代碼分離
Java虛擬機14:Java對象大小、對象內存布局及鎖狀態變化
python裝飾器大詳解

TAG:達人科技 |

您可能感興趣

macOS 10.13.4 beta 1公布 開始淘汰32位應用
Windows 10 RS4 17112開始推送
Windows 10 2019將開始支持「S Mode」,內嵌乾爽的天空
英特爾Optane 800P SSD:58GB和118GB,3月份開始供貨
節後iPhone開始降價模式,7售價3699元,8P不足5700元
15英寸版微軟Surface Book 2行貨開始預售,19888元起步
PS+將從2019年2月開始停止提供PS3和PSV會免遊戲
LOL:8.4版本,gank最好從五分鐘後開始!
02-11:Sprint將在1H19在美國推出移動5G服務;高通及海思將從2H18開始量產7納米AP;等
12000顆衛星包裹全球,SpaceX本周三開始動真格的
Lumia 640成功運行Windows RT 8.1:開始按鈕感動Cry
02-25 MWC2018:2018年巴展開始了!先來的是TCL通訊和LG,發布了新產品;TCL也透露了5G的進展;等
麒麟970旗艦機型也開始降價了,華為mate10很尷尬
WannaOne3月5日拍攝新曲MV 黃金期即將開始
港版Apple Music訂閱費用將上調至58港元:2月25日開始實施
2018年國產的恥辱,自vivo X21全盤抄襲iPhone X開始
Valve開始交付Steam VR 2.0基站
新的Windows 10 Preview Build 17112已經開始推送了
偽·從零開始學Python-1.2 Python的開發工具
Vol.1-又一次開始