Vue基礎(chǔ)配置講解
環(huán)境為Centos7,首先下載nodejs和npm的壓縮包,兩個在一起的,解壓后進(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
這個安裝完了可能也要軟連接,
最后就可以創(chuàng)建工程了,創(chuàng)建個新文件夾存放vue工程,在此文件夾下輸入
vue init webpack MyVueProject
然后就是一路enter,遇到一個Use ESLint的時候選no,要不然可能會遇到莫名其妙的錯誤
最后讓你下載東西,選最后一個手動,他就叫你輸入npm什么的,把npm換成我們的cnpm,后面的照抄,然后就差不多,不然npm下載會很慢。環(huán)境配置好了,項目也創(chuàng)建好了接下來繼續(xù)寫篇初學(xué)習(xí)vue的記錄。
以上就是本次介紹的全部內(nèi)容,感謝大家對腳本之家的支持。
相關(guān)文章
vue+elementUI組件table實現(xiàn)前端分頁功能
這篇文章主要為大家詳細(xì)介紹了vue+elementUI組件table實現(xiàn)前端分頁功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-12-12
vue-cli+webpack在生成的項目中使用bootstrap實例代碼
本篇文章主要介紹了vue-cli+webpack在生成的項目中使用bootstrap實例代碼,具有一定的參考價值,有興趣的可以了解一下2017-05-05
vue如何實現(xiàn)清空this.$route.query的值
這篇文章主要介紹了vue如何實現(xiàn)清空this.$route.query的值,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教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)用 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06
在vue中對數(shù)組值變化的監(jiān)聽與重新響應(yīng)渲染操作
這篇文章主要介紹了在vue中對數(shù)組值變化的監(jiān)聽與重新響應(yīng)渲染操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue 標(biāo)簽屬性數(shù)據(jù)綁定和拼接的實現(xiàn)方法
這篇文章主要介紹了vue 標(biāo)簽屬性數(shù)據(jù)綁定和拼接的實現(xiàn)方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-05-05

