保姆级Node安装教程

• 后端

node安装

记得先卸载干净！！！！

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

此教程以Node.js 16.0.0为例

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

保姆级Node安装教程

 保姆级Node安装教程

保姆级Node安装教程

保姆级Node安装教程

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

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

保姆级Node安装教程

然后一路下一步

以管理员身份运行cmd

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

输入 npm -v 查看npm版本

保姆级Node安装教程

配置环境变量

电脑左下方搜索环境变量

保姆级Node安装教程

 保姆级Node安装教程

 保姆级Node安装教程

 保姆级Node安装教程

这里的路径就是刚刚新建的 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

保姆级Node安装教程

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

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

保姆级Node安装教程

下载webpack以及脚手架

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

保姆级Node安装教程

下载Vue脚手架

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

保姆级Node安装教程

创建vue项目

打开vscode，新建空文件夹

保姆级Node安装教程

输入命令 vue create demo01

保姆级Node安装教程

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

保姆级Node安装教程

保姆级Node安装教程

保姆级Node安装教程

依次输入蓝色指令

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

保姆级Node安装教程

可能会遇到的问题

保姆级Node安装教程

解决办法

保姆级Node安装教程

 

进去后输入 set-ExecutionPolicy RemoteSigned

选择 Y

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/7201c4fd0b.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐