Vue2.0 從零開始_環(huán)境搭建操作步驟
更新時間：2017年06月14日 09:31:35 投稿：jingxian
下面小編就為大家?guī)硪黄猇ue2.0 從零開始_環(huán)境搭建操作步驟。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
簡要：繼項目空閑后，開始著手vue的學(xué)習(xí);為此向大家分享其中的艱辛和搭建辦法，希望能夠跟各位VUE大神學(xué)習(xí)探索，如果有不對或者好的建議告知下；*~*！
一、什么是VUE？
是一種node.js框架，特點如下:
1.數(shù)據(jù)綁定 （特性：雙向綁定；一旦發(fā)生變化，Dom節(jié)點實時更新；PS:盡量拋棄JQ，次特點已經(jīng)可以解決很多特效等問題）
2.組件化（比如：樂高積木一樣通過互相引用而組裝起來）
二、開發(fā)環(huán)境
三、環(huán)境搭建
1. 包管理器安裝
（1） Homebrew安裝 (mac 環(huán)境，win無法安裝)
/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)擴展超時，最為快捷）
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） 運行開發(fā)環(huán)境
npm run dev
（6） 運行運營環(huán)境
npm run build
以上這篇Vue2.0 從零開始_環(huán)境搭建操作步驟就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue實現(xiàn)行列轉(zhuǎn)換的一種方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了vue中data數(shù)據(jù)之間如何賦值問題，具有很好的參考價值，希望對大家有所幫助。2022-09-09
在 setup 語法糖中通過 import 引入的內(nèi)容，也可以直接在 template 標(biāo)簽中使用，這篇文章主要介紹了Vue?使用?setup?語法糖,需要的朋友可以參考下2023-10-10
vue?element-plus圖片預(yù)覽實現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于vue?element-plus圖片預(yù)覽實現(xiàn)的相關(guān)資料,最近的項目中有圖片預(yù)覽的場景,也是踩了一些坑,在這里總結(jié)一下,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了詳解express鑒權(quán)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
隨著人工智能的發(fā)展，圖像識別和人臉識別技術(shù)已經(jīng)被廣泛應(yīng)用于各種應(yīng)用程序中，Vue為我們提供了許多實用工具和庫，可以幫助我們在應(yīng)用程序中進(jìn)行圖像識別和人臉識別，在本文中，我們將介紹如何使用Vue進(jìn)行圖像識別和人臉對比,需要的朋友可以參考下2023-06-06
這篇文章主要為大家介紹了Vue在css中圖片路徑問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
淺談Vuex@2.3.0 中的 state 支持函數(shù)申明
這篇文章主要介紹了淺談Vuex@2.3.0 中的 state 支持函數(shù)申明，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
el-table實現(xiàn)轉(zhuǎn)置表格的示例代碼(行列互換)
這篇文章主要介紹了el-table實現(xiàn)轉(zhuǎn)置表格的示例代碼(行列互換),本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-02-02
這篇文章主要介紹了vue中的cookies緩存存值方式，超簡單！具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08