vue3.0的环境搭建

使用vue需要先安装node.js.

第一步安装node.js.具体教程请参考:https://blog.youkuaiyun.com/wjnf012/article/details/80422313

node.js的官网下载地址https://nodejs.org/en/或中文网站版https://nodejs.org/zh-cn/download/;

下载好后（node-v14.15.1-x64.msi）就是一步步的默认安装，一般也就是改一下安装路径(D:\nodejs).

安装好后就是自己打开系统命令行（win+r后cmd），输入命令node -v 测试nodejs是否安装成功,输入npm -v 测试npm是否安装成功.

测试成功后配置npm的全局模块的存放路径、cache的路径.一般就是在软件的安装目录下，在命令行内输入相应地址:

npm config set prefix "D:\nodejs\node_global"
npm config set cache"D:\nodejs\node_cache"

后配置nodejs及npm的系统环境变量(可以直接右键我的电脑->>属性->>高级系统设置->>环境变量),自己根据自己电脑的安装路径来:

配置好后就是自己使用npm install express -g命令安装express组件测试，要是能下载下来就正常了，要输出现报错 rollbackFailedOptional verb npm-session，那就npm的资源镜像链接

npm config set registry http://registry.npm.taobao.org

修改之后再试npm install express -g，要是成功会在原先全局变量环境路径下出现express组件文件夹.

安装及测试npm功能正常后就是下载cnpm,

使用npm install -g cnpm --registry=https://registry.npm.taobao.org命令下载,下载后使用cnpm -v检查安装是否成功.要是没有出现版本号,就是要检查环境变量中是否设置了cnpm的安装路径.

.

安装cnpm之后就是就是安装vue了，在命令行输入cnpm install -g @vue/cli.

下载后就是创建vue项目，自己在相应磁盘上新建vue项目的工作空间,并在命令行内进入到改文件下.使用vue ctreate 项目名 如下:

选择N

创建项目后就是进入项目路径执行npm run serve