vue學習筆記 一、環境搭建

作業系統：win10 64位

一、下載下傳安裝node.js 相當于java開的的jdk

下載下傳位址：https://nodejs.org/zh-cn/

檢視版本

D:\>node -v

v14.17.5

安裝路徑：D:\soft\nodejs

還會自動在： C:\Users\yc\AppData\Roaming\npm\node_modules\nrm

注：如上兩個是我的路徑，實際路徑會不同。

二、安裝cnpm和VUE

D:\>cnpm install nrm -g

D:\>nrm ls

internal/validators.js:124

    throw new ERR_INVALID_ARG_TYPE(name, 'string', value);

報錯解決辦法：https://blog.csdn.net/a806488840/article/details/113869522

* npm -------- https://registry.npmjs.org/

  yarn ------- https://registry.yarnpkg.com/

  cnpm ------- http://r.cnpmjs.org/

  taobao ----- https://registry.npm.taobao.org/

  nj --------- https://registry.nodejitsu.com/

  npmMirror -- https://skimdb.npmjs.com/registry/

  edunpm ----- http://registry.enpmjs.org/

選擇淘寶為源

D:\>nrm use taobao

   Registry has been set to: https://registry.npm.taobao.org/

D:\>npm install -g @vue/cli

.......

看到如下，環境安裝成功

D:\>vue --version

@vue/cli 4.5.13

安裝 Express

$ cnpm install express --save  這是安裝到目前目錄

cnpm install express -g   全局安裝

$ cnpm install body-parser -g

$ cnpm install cookie-parser -g

$ cnpm install multer -g

--檢視安裝的情況要切換目錄

C:\Windows\System32>cd  C:\Users\yc\AppData\Roaming\npm\node_modules

C:\Users\yc\AppData\Roaming\npm\node_modules>cnpm list express

C:\Users\yc\AppData\Roaming\npm

`-- [email protected]

三、打開圖形化界面

C:\Windows\system32>cd  C:\Users\yc\AppData\Roaming\npm\node_modules\@vue\cli

C:\Users\yc\AppData\Roaming\npm\node_modules\@vue\cli>vue -V

C:\Users\yc\AppData\Roaming\npm\node_modules\@vue\cli>vue ui

??  Starting GUI...

??  Ready on http://localhost:8000

浏覽器輸入http://localhost:8000出現如下界面則啟動成功