前端环境的安装配置

前端环境的安装配置

项目是前后端分离，公司还一直没有招到前端，许多前端的问题都是我们搞java的自己解决，想着装一套前端环境，偶尔学一下。。。

• 基础环境搭建

1. node.js

Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时环境。

• 官网下载node.js（https://nodejs.org/zh-cn/）,长期支持版，文件格式为msi，直接傻瓜式安装（环境变量会自己配置）
  image.png

• 安装完成以后，打开cmd执行node -v，如下图则安装成功。

  
  image.png

2. cnpm的安装

• cmd执行下面的命令

npm install -g cnpm --registry=http://registry.npm.taobao.org

• 查看npm config配置 其中有镜像源

>npm config list
; cli configs
metrics-registry = "https://registry.npm.taobao.org/"
scope = ""
user-agent = "npm/6.9.0 node/v10.16.0 win32 x64"

; userconfig C:\Users\Administrator\.npmrc
registry = "https://registry.npm.taobao.org/"

; node bin location = C:\Program Files\nodejs\node.exe
; cwd = E:\webapp\demo1\gulpdemo
; HOME = C:\Users\Administrator
; "npm config ls -l" to show all defaults.

#修改镜像源
npm config set registry  https://registry.npm.taobao.org/

• 安装vue-cli脚手架

#安装vue-cli
cnpm install -g vue-cli
#测试是否安装成功：
vue -V

3. vs code下载安装
   没什么好说的，直接官网下载，傻瓜式安装（不像idea，还tm需要破解）