在VScode下搭建Vue环境(MyAuthWeb)

在VScode下搭建Vue环境(MyAuthWeb)

前言

此文章内所有路径均为我自己的安装路径
安装路径各自可不同请注意修改
此文章只提供步骤,有报错的自行baidu解决

1. 下载VScode

官网下载地址:https://code.visualstudio.com/Download

2022-06-11T08:05:36.png

2. 下载nodejs

官网下载地址:http://nodejs.cn/download/

2022-06-11T08:06:51.png

3. 安装教程

两个软件傻瓜式安装,可无脑一直next直至安装完成

4. 软件安装完成

可在cmd或其它Dos窗口内输入node -v进行查询安装的版本号

2022-06-11T08:14:40.png

如无法查询,可能是因为环境变量没有自动配置,则需要手动在系统变量Path中添加一行 D:\nodejs\

5. nodejs环境配置

打开安装目录新建两个文件夹:node_cache,node_global

2022-06-11T08:20:36.png

再次打开cmd窗口输入(注意安装路径):

配置npm的全局模块的存放路径,cache的路径

npm config set prefix “D:\nodejs\node_global”
npm config set cache “D:\nodejs\node_cache”

最后往系统变量Path中新增一行D:\nodejs\node_global

6. 安装脚手架

在cmd或其它Dos窗口内输入 npm install -g @vue/cli 进行安装

npm install -g @vue/cli

7. 安装yarn

在cmd或其它Dos窗口内输入 npm install -g yarn 进行安装

npm install -g yarn

安装完成,可用VScode打开项目后在项目终端进行相关操作了

© 版权声明
THE END
喜欢就支持一下吧
点赞11赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容