天天看點

vue 3.0以上版本腳手架安裝(含以下版本腳手架安裝)

一.node安裝:

1.需要安裝vue腳手架得先安裝node下面是我上傳的檔案位址node v14.10.0-x64個版本當然也會備上官網位址:nede官網
2. 下載下傳完成後安裝node,完成後運作cmd指令win+r :cmd

下面附上一系列的安裝步驟:

1): 首先呢我們需要先安裝配置一下cnpm。為什麼要配置呢?就是要快準狠!(其實就是外國網太慢我們需要用到鏡像這樣下載下傳安裝也會很快的)

npm install -g cnpm --registry=http://registry.npm.taobao.org
           
vue 3.0以上版本腳手架安裝(含以下版本腳手架安裝)

等待安裝完成查詢版本:

vue 3.0以上版本腳手架安裝(含以下版本腳手架安裝)
cnpm -v
           

2)yarn是個包管理器,是facebook釋出的一款取代npm的包管理工具

用npm安裝yarn:

vue 3.0以上版本腳手架安裝(含以下版本腳手架安裝)
npm install -g yarn
           

安裝完成後檢視版本:

yarn -v
           

3)然後我們開始安裝腳手架:

安裝3.0以下的版本:

cnpm install -g vue-cli
           

查詢vue腳手架版本:

vue -V
           

如果按錯版本了,沒關系,我們可以解除安裝:

npm uninstall vue-cli -g
           

裝3.0以上版本:

cnpm install -g @vue/cli
           

安裝指定版本:

指定版本:

如是3.0以下:

npm install -g vue-cli@版本号
           

如是3.0以上:

npm install -g @vue/cli@版本号
           

查詢安裝版本:

node -v
           
npm -v
           
cnpm -v
           
vue -V
           
Webpack -v
           
3,安裝完以後,就可以建立項目了:

在建立項目之前我們還需要安裝一個全局插件:

yarn global add @vue/cli-init
           

當然剛才安裝的都是全局安裝,那些插件都安裝到了c盤,如果項目也放到c盤,時間久了就不好了,是以我打算安裝到别的盤:

vue 3.0以上版本腳手架安裝(含以下版本腳手架安裝)

在這個框内輸入cmd回車進入d盤這個我專門放vue項目的檔案夾内(當然看你們個人喜好)

建立項目:

vue create 項目名稱
           

詢問是否使用國内鏡像

vue 3.0以上版本腳手架安裝(含以下版本腳手架安裝)
vue 3.0以上版本腳手架安裝(含以下版本腳手架安裝)

建立項目完成後按照順序輸入指令:

vue 3.0以上版本腳手架安裝(含以下版本腳手架安裝)
vue 3.0以上版本腳手架安裝(含以下版本腳手架安裝)

兩個位址都可以使用:

vue 3.0以上版本腳手架安裝(含以下版本腳手架安裝)
vue 3.0以上版本腳手架安裝(含以下版本腳手架安裝)

二.項目啟動

1.在公司中拿到項目必要着急啟動,因為可能沒有依賴包node_modules檔案。

是以這個時候我們需要重新下載下傳依賴:

然後在項目檔案夾下啟動cmd:

npm run serve
           

具體項目檔案作用:

vue 3.0以上版本腳手架安裝(含以下版本腳手架安裝)

2.啟動項目管理器:

vue ui
           

3:2.0和3.0目錄的差別:

vue 3.0以上版本腳手架安裝(含以下版本腳手架安裝)

1.cmd指令:

進入某盤:

比如進入D盤:

D:
           

進入檔案夾:

cd 檔案夾名
           

擷取磁盤檔案夾:

傳回根目錄:

cd /
           

取消指令操作:

ctrl+c
           

繼續閱讀