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出现如下界面则启动成功