什么是VUE
VUE官方網(wǎng)址
Vue 是一個(gè)前端框架,特點(diǎn)是
數(shù)據(jù)綁定比如你改變一個(gè)輸入框 Input 標(biāo)簽的值,會(huì) 自動(dòng)同步 更新到頁面上其他綁定該輸入框的組件的值
組件化頁面上小到一個(gè)按鈕都可以是一個(gè)多帶帶的文件.vue,這些小組件直接可以像樂高積木一樣通過互相引用而組裝起來
Vue2.0 推薦開發(fā)環(huán)境Homebrew 1.0.6(Mac)、Node.js 6.7.0、npm 3.10.3、webpack 1.13.2、vue-cli 2.4.0、Atom 1.10.2
安裝 nodejsnpm install nodejs 或 cnpm install nodejs
用 npm install [email protected] 更新 npm 版本報(bào)錯(cuò):
(node:42) fs: re-evaluating native module sources is not supported.
解決辦法:在官網(wǎng)下載6.70的安裝包再安裝一次(剛剛相當(dāng)于幫你配置好環(huán)境變量,現(xiàn)在再安裝一次升級(jí)到最新的 npm)
好像以前官網(wǎng)的安裝包不會(huì)自動(dòng)配置環(huán)境變量的,由于我電腦上之前安裝過 nodejs 所以環(huán)境變量已經(jīng)配置好了,不知道現(xiàn)在的安裝包會(huì)不會(huì)自動(dòng)配置環(huán)境變量。
Windows 下直接下載安裝包即可
安裝webpacknpm install webpack -g
安裝vue腳手架npm install vue-cli -g
根據(jù)模板創(chuàng)建項(xiàng)目vue init webpack-simple 工程名字<工程名字不能用中文>
或者創(chuàng)建 vue1.0 的項(xiàng)目
vue init webpack-simple#1.0 工程名字<工程名字不能用中文>
會(huì)有一些初始化的設(shè)置,如下輸入:
Target directory exists. Continue? (Y/n) 直接回車默認(rèn)(然后會(huì)下載 vue2.0模板,這里可能需要連代理)
Project name (vue-test) 直接回車默認(rèn)
Project description (A Vue.js project) 直接回車默認(rèn)
Author 寫你自己的名字
cd 命令進(jìn)入創(chuàng)建的工程目錄工程目錄如圖所示:
安裝項(xiàng)目依賴一定要從官方倉庫安裝,npm 服務(wù)器在國(guó)外所以這一步安裝速度會(huì)很慢。
npm install
不要從國(guó)內(nèi)鏡像cnpm安裝(會(huì)導(dǎo)致后面缺了很多依賴庫)
cnpm install
啟動(dòng)項(xiàng)目npm run dev
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/81472.html
摘要:五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟,夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源;定時(shí)更新,歡迎 Star 一下。 蘇...
摘要:五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟,夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源;定時(shí)更新,歡迎 Star 一下。 蘇...
摘要:中的非常類似于事件每個(gè)都有一個(gè)字符串的事件類型和一個(gè)回調(diào)函數(shù)。這個(gè)回調(diào)函數(shù)就是我們實(shí)際進(jìn)行狀態(tài)更改的地方,并且它會(huì)接受作為第一個(gè)參數(shù)中的類似于,不同在于提交的是,而不是直接變更狀態(tài)。 項(xiàng)目demo地址github源碼地址 首頁 覺得不錯(cuò),給我的github源碼點(diǎn)個(gè)贊吧QAQ showImg(https://segmentfault.com/img/bVI3GV?w=1366&h=591...
閱讀 2530·2021-09-24 10:29
閱讀 3813·2021-09-22 15:46
閱讀 2581·2021-09-04 16:41
閱讀 2986·2019-08-30 15:53
閱讀 1267·2019-08-30 14:24
閱讀 3061·2019-08-30 13:19
閱讀 2177·2019-08-29 14:17
閱讀 3527·2019-08-29 12:55