Vue基礎(chǔ)配置講解
環(huán)境為Centos7,首先下載nodejs和npm的壓縮包,兩個(gè)在一起的,解壓后進(jìn)入bin目錄,用ln -s 命令把里面的npm和node軟連接到/usr/bin/目錄下,然后退出此目錄,node -v查看版本及檢查安裝成功。
再次進(jìn)入剛剛解壓的bin目錄,輸入命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝淘寶鏡像,此方法借鑒的菜鳥教程的vue教程。(安裝完成后可能也要軟連接一下)
安裝webpack打包器,命令(安裝完了同樣可能要軟連接一下,看你們自身情況)
cnpm install -g webpack
接下來安裝vue-cli,鍵入命令
cnpm install --global vue-cli
這個(gè)安裝完了可能也要軟連接,
最后就可以創(chuàng)建工程了,創(chuàng)建個(gè)新文件夾存放vue工程,在此文件夾下輸入
vue init webpack MyVueProject
然后就是一路enter,遇到一個(gè)Use ESLint的時(shí)候選no,要不然可能會(huì)遇到莫名其妙的錯(cuò)誤
最后讓你下載東西,選最后一個(gè)手動(dòng),他就叫你輸入npm什么的,把npm換成我們的cnpm,后面的照抄,然后就差不多,不然npm下載會(huì)很慢。環(huán)境配置好了,項(xiàng)目也創(chuàng)建好了接下來繼續(xù)寫篇初學(xué)習(xí)vue的記錄。
以上就是本次介紹的全部?jī)?nèi)容,感謝大家對(duì)腳本之家的支持。
相關(guān)文章
vue+elementUI組件table實(shí)現(xiàn)前端分頁功能
這篇文章主要為大家詳細(xì)介紹了vue+elementUI組件table實(shí)現(xiàn)前端分頁功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-12-12
vue-cli+webpack在生成的項(xiàng)目中使用bootstrap實(shí)例代碼
本篇文章主要介紹了vue-cli+webpack在生成的項(xiàng)目中使用bootstrap實(shí)例代碼,具有一定的參考價(jià)值,有興趣的可以了解一下2017-05-05
vue-cli項(xiàng)目中使用echarts圖表實(shí)例
在本篇文章里我們給大家分享了關(guān)于vue中使用echarts圖表的實(shí)現(xiàn)方法,有興趣的朋友們學(xué)習(xí)下。2018-10-10
vue如何實(shí)現(xiàn)清空this.$route.query的值
這篇文章主要介紹了vue如何實(shí)現(xiàn)清空this.$route.query的值,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09
詳解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 構(gòu)建記事本應(yīng)用
本篇文章主要介紹了詳解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 構(gòu)建記事本應(yīng)用 ,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06
在vue中對(duì)數(shù)組值變化的監(jiān)聽與重新響應(yīng)渲染操作
這篇文章主要介紹了在vue中對(duì)數(shù)組值變化的監(jiān)聽與重新響應(yīng)渲染操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue 標(biāo)簽屬性數(shù)據(jù)綁定和拼接的實(shí)現(xiàn)方法
這篇文章主要介紹了vue 標(biāo)簽屬性數(shù)據(jù)綁定和拼接的實(shí)現(xiàn)方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-05
基于vue實(shí)現(xiàn)探探滑動(dòng)組件功能
這篇文章主要介紹了基于vue實(shí)現(xiàn)探探滑動(dòng)組件功能,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05

