全网最简单又实用的前端环境搭建流程

前端环境搭建

1. nodejs安装

   官网地址：Node.js 中文网

2. 配置环境变量

   ①. 用户变量->path: 添加

   D:\JavaSoftware\nodejs\node_global

   ②. 系统变量-> 添加：

   NODE_HOME:D:\JavaSoftware\nodejs\node_global\node_module 

3.  ③. 系统变量->path: 添加

   %NODE_PATH%  
   D:\JavaSoftware\nodejs\

4. node环境的测试：在cmd窗口输入 node -v

5. npm安装

   安装淘宝镜像：

   npm config set registry https://registry.npm.taobao.org

   检查是否修改成功：

   npm config get registry

   npm修改下载配置：

   • 查看默认的配置：

     npm config ls
     

   • 配置对应的下载位置

     npm config set cache "D:\nodereps\npm-cache"
     npm config set prefix "D:\nodereps\npm_global"

     注意这个地方是选择你自己的安装位置

6. 安装脚手架Vue-Cli

   #安装命令 
   npm install -g vue-cli 
   ​
   #卸载脚手架 
   npm uninstall -g @vue.cli 卸载3.x版本脚手架 
   npm uninstall -g vue-cli # 卸载2.x版本脚手架

   当我们把Vue-Cli安装好后，我们就可以通过脚手架来创建我们的第一个项目了。执行的命令为：

   vue init webpack my-project