node安装

记得先卸载干净！！！！

不推荐下载最新版，一般用16或者14，根据需要自行选择

此教程以Node.js 16.0.0为例

打开node.js官网(Node.js)

 

随后双击安装包一路下一步

！！！建议修改默认安装路径，小白就默认

然后一路下一步

以管理员身份运行cmd

输入 node -v 查看node.js版本

输入 npm -v 查看npm版本

配置环境变量

电脑左下方搜索环境变量

 

 

 

这里的路径就是刚刚新建的 node_global

接下来，管理员身份运行cmd

依次输入这两行命令：这里引号里的路径就是你新建的 node_global node_cache 文件夹路径

npm config set prefix "D:\Program Files\Nodejs\node_global"  
npm config set cache "D:\Program Files\Nodejs\node_cache"

查看列表

npm config list

接下来配置镜像源，输入以下命令

 //设置镜像源
 npm config set registry http://registry.npmmirror.com
 //查看镜像源
 npm config get registry

下载webpack以及脚手架

 npm install webpack webpack-cli webpack-dev-server -g
 //查看版本，如果webpack不是内部或者外部命令，可以去node_global/node_modules下查看，并且查看环境变量配置是否和上面一致。
 webpack -v

下载Vue脚手架

 npm install -g @vue/cli
 ​
 //查看vue-cli版本 
 vue -V （V是大写）   
 或者 vue --version

创建vue项目

打开vscode，新建空文件夹

输入命令 vue create demo01

这里根据需要选择 Vue2 或者Vue3，这里以Vue2为例

依次输入蓝色指令

完成！点击链接就可以访问了

可能会遇到的问题

解决办法

 

进去后输入 set-ExecutionPolicy RemoteSigned

选择 Y