Vue2.0 從零開始_環(huán)境搭建操作步驟
簡(jiǎn)要：繼項(xiàng)目空閑后，開始著手vue的學(xué)習(xí);為此向大家分享其中的艱辛和搭建辦法，希望能夠跟各位VUE大神學(xué)習(xí)探索，如果有不對(duì)或者好的建議告知下；*~*！
一、什么是VUE？
是一種node.js框架，特點(diǎn)如下:
1.數(shù)據(jù)綁定 （特性：雙向綁定；一旦發(fā)生變化，Dom節(jié)點(diǎn)實(shí)時(shí)更新；PS:盡量拋棄JQ，次特點(diǎn)已經(jīng)可以解決很多特效等問(wèn)題）
2.組件化（比如：樂(lè)高積木一樣通過(guò)互相引用而組裝起來(lái)）
二、開發(fā)環(huán)境
三、環(huán)境搭建
1. 包管理器安裝
（1） Homebrew安裝 (mac 環(huán)境，win無(wú)法安裝)
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
（2） node.js安裝（win下前往node.js官網(wǎng)安裝即可）
brew install nodejs （mac 環(huán)境）
2. 相關(guān)安裝指令
（1） 淘寶鏡像（當(dāng)npm下載相關(guān)擴(kuò)展超時(shí)，最為快捷）
npm install -g cnpm --registry=https://registry.npm.taobao.org // 注冊(cè)淘寶鏡像 npm替換成cnpm使用即可
（2） 安裝webpack
cnpm/npm install webpack -g
（3） 安裝vue腳手架
cnpm/npm install vue-cli -g
（4） 初始化項(xiàng)目
vue init webpack 項(xiàng)目名字
（5） 安裝項(xiàng)目依賴 （添加依賴或者刪除時(shí)，須重新安裝）
npm install
（6） 運(yùn)行開發(fā)環(huán)境
npm run dev
（6） 運(yùn)行運(yùn)營(yíng)環(huán)境
npm run build
以上這篇Vue2.0 從零開始_環(huán)境搭建操作步驟就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于應(yīng)用UI組件的移動(dòng)端適配方式
這篇文章主要介紹了關(guān)于應(yīng)用UI組件的移動(dòng)端適配方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
在vue中v-bind使用三目運(yùn)算符綁定class的實(shí)例
今天小編就為大家分享一篇在vue中v-bind使用三目運(yùn)算符綁定class的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
Vue中el-menu-item實(shí)現(xiàn)路由跳轉(zhuǎn)的完整步驟
這篇文章主要給大家介紹了關(guān)于Vue中el-menu-item實(shí)現(xiàn)路由跳轉(zhuǎn)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-09-09
Vuex如何獲取getter對(duì)象中的值(包括module中的getter)
這篇文章主要介紹了Vuex如何獲取getter對(duì)象中的值(包括module中的getter)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
淺談關(guān)于.vue文件中style的scoped屬性
本篇文章主要主要介紹了淺談關(guān)于.vue文件中style的scoped屬性，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
vue 使用print-js 打印渲染不出來(lái)問(wèn)題
這篇文章主要介紹了vue 使用print-js 打印渲染不出來(lái)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
本篇文章主要介紹了在 React、Vue項(xiàng)目中使用SVG的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
Vue Echarts簡(jiǎn)易實(shí)現(xiàn)儀表盤
這篇文章主要為大家詳細(xì)介紹了Vue Echarts實(shí)現(xiàn)儀表盤案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-12-12
這篇文章主要介紹了Vue之監(jiān)聽方法案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-07-07
這篇文章主要介紹了Vue??控制元素顯示隱藏的方法和區(qū)別,需要的朋友可以參考下2022-12-12