Vue环境搭建+VsCode+Win10

如果觉得对你有帮助，能否点个赞或关个注，以示鼓励笔者呢？！博客目录 | 先点这里

---

目录

• 一、下载Node.js
• 二、修改存放目录
• 三、添加环境变量
• 四、安装淘宝镜像
• 五、安装Vue-cli
• 六、项目创建
• • 创建方式一：图形化界面创建
  • 创建方式二：命令行创建
  • 安装element-ui
  • 关于地址栏的#号
  • vue-cli目录解析
• 七、VS插件安装
• 八、新建.vue时添加默认内容

一、下载Node.js

官方网站：传送门（点我）

这里建议勾上(会自动帮你创建一个NodeJs的环境变量)

默认是添加了一个环境变量(你的安装目录)：

D:EnvironmentsH5NodeJs

下载后一路next就行，安装目录我放在D盘下

安装完成后，输入以下命令查看是否安装成功

npm是node.js的包管理工具，用来安装各种node.js的扩展

node -v
npm -v

为了让我们之后下载的东西不存在C盘，默认是放在

C:UsersadministratorAppDataRoaming
pm

现在我们来修改存放目录

二、修改存放目录

首先去你想要存放的地方创建两个空文件夹，用于存放之后下载的依赖等资源**（不修改的话以后的下载都给你弄C盘去了）**，如我这里创建了