Vue2.0 從零開(kāi)始_環(huán)境搭建操作步驟
簡(jiǎn)要：繼項(xiàng)目空閑后，開(kāi)始著手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)）
二、開(kā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)目依賴(lài) （添加依賴(lài)或者刪除時(shí)，須重新安裝）
npm install
（6） 運(yùn)行開(kāi)發(fā)環(huán)境
npm run dev
（6） 運(yùn)行運(yùn)營(yíng)環(huán)境
npm run build
以上這篇Vue2.0 從零開(kāi)始_環(huán)境搭建操作步驟就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue實(shí)現(xiàn)行列轉(zhuǎn)換的一種方法
這篇文章主要介紹了vue實(shí)現(xiàn)行列轉(zhuǎn)換的一種方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08
vue中data數(shù)據(jù)之間如何賦值問(wèn)題
這篇文章主要介紹了vue中data數(shù)據(jù)之間如何賦值問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。2022-09-09
在 setup 語(yǔ)法糖中通過(guò) import 引入的內(nèi)容，也可以直接在 template 標(biāo)簽中使用，這篇文章主要介紹了Vue?使用?setup?語(yǔ)法糖,需要的朋友可以參考下2023-10-10
vue?element-plus圖片預(yù)覽實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于vue?element-plus圖片預(yù)覽實(shí)現(xiàn)的相關(guān)資料,最近的項(xiàng)目中有圖片預(yù)覽的場(chǎng)景,也是踩了一些坑,在這里總結(jié)一下,需要的朋友可以參考下2023-07-07
Vue express鑒權(quán)零基礎(chǔ)入門(mén)
這篇文章主要介紹了詳解express鑒權(quán)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
詳解如何使用Vue實(shí)現(xiàn)圖像識(shí)別和人臉對(duì)比
隨著人工智能的發(fā)展，圖像識(shí)別和人臉識(shí)別技術(shù)已經(jīng)被廣泛應(yīng)用于各種應(yīng)用程序中，Vue為我們提供了許多實(shí)用工具和庫(kù)，可以幫助我們?cè)趹?yīng)用程序中進(jìn)行圖像識(shí)別和人臉識(shí)別，在本文中，我們將介紹如何使用Vue進(jìn)行圖像識(shí)別和人臉對(duì)比,需要的朋友可以參考下2023-06-06
這篇文章主要為大家介紹了Vue在css中圖片路徑問(wèn)題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
淺談Vuex@2.3.0 中的 state 支持函數(shù)申明
這篇文章主要介紹了淺談Vuex@2.3.0 中的 state 支持函數(shù)申明，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
el-table實(shí)現(xiàn)轉(zhuǎn)置表格的示例代碼(行列互換)
這篇文章主要介紹了el-table實(shí)現(xiàn)轉(zhuǎn)置表格的示例代碼(行列互換),本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-02-02
這篇文章主要介紹了vue中的cookies緩存存值方式，超簡(jiǎn)單！具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08