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,要不然可能會遇到莫名其妙的錯(cuò)誤
最后讓你下載東西,選最后一個(gè)手動(dòng),他就叫你輸入npm什么的,把npm換成我們的cnpm,后面的照抄,然后就差不多,不然npm下載會很慢。環(huán)境配置好了,項(xiàng)目也創(chuàng)建好了接下來繼續(xù)寫篇初學(xué)習(xí)vue的記錄。
以上就是本次介紹的全部內(nèi)容,感謝大家對腳本之家的支持。
相關(guān)文章
vue-cli3.0+element-ui上傳組件el-upload的使用
這篇文章主要介紹了vue-cli3.0+element-ui上傳組件el-upload的使用,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12vue+iview tabs context-menu 彈出框修改樣式的方法
今天遇到一個(gè)需求說頁面頂部的菜單右鍵彈出框離得有點(diǎn)遠(yuǎn),需要我們做調(diào)整,下面小編給大家分享下vue+iview tabs context-menu 彈出框修改樣式的方法,感興趣的朋友跟隨小編一起看看吧2024-06-06VUE3基礎(chǔ)學(xué)習(xí)之click事件詳解
由于vue是一個(gè)雙向數(shù)據(jù)綁定的框架,它的點(diǎn)擊事件與以前常用的還是有很大的差別的,下面這篇文章主要給大家介紹了關(guān)于VUE3基礎(chǔ)學(xué)習(xí)之click事件的相關(guān)資料,需要的朋友可以參考下2022-01-01vue實(shí)現(xiàn)nav導(dǎo)航欄的方法
這篇文章主要為大家詳細(xì)介紹了vue項(xiàng)目nav導(dǎo)航欄的實(shí)現(xiàn)方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12vue3.0 搭建項(xiàng)目總結(jié)(詳細(xì)步驟)
這篇文章主要介紹了vue3.0 搭建項(xiàng)目總結(jié)(詳細(xì)步驟),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05vue多級復(fù)雜列表展開/折疊及全選/分組全選實(shí)現(xiàn)
這篇文章主要介紹了vue多級復(fù)雜列表展開/折疊及全選/分組全選實(shí)現(xiàn),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-11vue.js打包項(xiàng)目后頁面出現(xiàn)空白的解決辦法
這篇文章主要介紹了vue.js打包項(xiàng)目后頁面出現(xiàn)空白的解決辦法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2021-11-11vue實(shí)現(xiàn)指定區(qū)域自由拖拽、打印功能
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)指定區(qū)域自由拖拽、打印功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04