windos10 vue 全局安装 以及配置环境

首先检查本机安装node没有

node -v

有的话会出现版本

没有需要官网去下载

下载 | Node.js 中文网

选择所有下载选项

 

 选择这里 parent  Directory

根据自己需要下载即可

 

后安装

下载完成后，双击“node-vXXXX.msi”，开始安装Node.js

点击【Next】按钮

 勾选复选框，点击【Next】按钮

 修改好目录后，这里我选择安装在E: 盘

点击【Next】按钮

安装完后点击【Finish】按钮完成安装

 至此Node.js已经安装完成，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置
在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口

环境配置

创建完两个空文件夹之后，打开cmd命令窗口，输入

根据自己需要设置 

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

 接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入E:\nodejs\node_global\node_modules，将【用户变量】下的【Path】

修改为E:\nodejs\node_global

 

然后 查看自己本机安装vue没 

vue -V

 

 如果安装版本

如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过  npm uninstall vue-cli -g

或 yarn global remove vue-cli 卸载它。

然后 npm install -g @vue/cli

全局安装

vue create wanwan

 

选的是vue3的依赖,根据自己的需要选择

进入目录

cd wanwan

启动项目 

 npm run serve

等待一会

 

http://localhost:8080/

访问测试一下

 停止项目 可以直接Ctrl+C就会出现 输入是就可以了

 进入目录查看文件

 

参考

安装 | Vue CLI