Vue.js

Vue.js是目前很火的一個(gè)前端框架，采用MVVM模式設(shè)計(jì)，它是以數(shù)據(jù)驅(qū)動(dòng)和組件化的思想構(gòu)建的。相比于Angular.js，Vue.js提供了更加簡(jiǎn)潔、更易于理解的API，使得我們能夠快速地上手并使用，特別適合單頁應(yīng)用的開發(fā)。

Vue.js是數(shù)據(jù)驅(qū)動(dòng)的，它通過一些特殊的語法，將DOM和數(shù)據(jù)綁定起來，無需手動(dòng)操作DOM。一旦創(chuàng)建了綁定，DOM將和數(shù)據(jù)保持同步，每當(dāng)變更了數(shù)據(jù)，DOM也會(huì)相應(yīng)地更新。

一、安裝NPM

1.1最新穩(wěn)定版本：

npm install vue

二、命令行工具安裝

國(guó)內(nèi)速度慢，使用淘寶鏡像：

npm install -g cnpm --registry=https://registry.npm.taobao.org

注意：以后使用npm的地方就替換成cnpm

1、全局安裝vue-vli

​    cnpm install -g vue-cli

2、創(chuàng)建一個(gè)基于webpack模板的新項(xiàng)目

vue init webpack my-project

輸入安裝命令后，稍等一會(huì)提示輸入：

2.1項(xiàng)目項(xiàng)目名稱：

2.2項(xiàng)目描述：

2.3作者：

2.4是否使用ESlint：（可以選擇不需要，ESlint是一套語法檢查工具）

2.5是否需要單元測(cè)試：（可以選擇不需要）

說明：

       webpack：項(xiàng)目類型，用webpack這套模板進(jìn)行壓縮和打包。

       my-project：項(xiàng)目名稱。

3、安裝依賴

3.1進(jìn)入項(xiàng)目：

cd my-project

3.2安裝依賴：

cnpm install

說明：

3.2.1會(huì)將依賴安裝到項(xiàng)目node_modules文件夾中。

3.2.2可以使用cnpm命令，是因?yàn)閣ebpack安裝好了相應(yīng)依賴。

3.2.3 Package.json文件說明:

             主要包含:項(xiàng)目描述、相關(guān)依賴。

3.3運(yùn)行項(xiàng)目：

cnpm run dev 

通過訪問http://127.0.0.1:8080訪問運(yùn)行起來的項(xiàng)目。

三、參考鏈接

Vuejs官網(wǎng)：https://cn.vuejs.org/v2/guide/installation.html

Taobao鏡像：http://npm.taobao.org/

總結(jié)

以上所述是小編給大家介紹的Vuejs開發(fā)環(huán)境搭建及熱更新，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)錯(cuò)新站長(zhǎng)站網(wǎng)站的支持！