实训_家政服务平台_环境搭建5_node_VSCode_dva_前端框架react

一、node

• nodeJS介绍：

       Node.js是基于Chrome JavaScript运行时建立的一个平台，实际上它是对Google Chrome V8引擎进行了封装，它主要用于创建快速的、可扩展的网络应用。Node.js采用事件驱动和非阻塞I/O模型，使其变得轻微和高效，非常适合构建运行在分布式设备的数据密集型实时应用。

      运行于浏览器的Javascript，浏览器就是Javascript代码的解析器，而Node.js则是服务器端JS的代码解析器，存于服务器端的JS代码由Node.js来解析和应用。

      JS解析器只是JS代码运行的一种环境，浏览器是JS运行的一种环境，浏览器为JS提供了操作DOM对象和window对象等接口。Node.js也是JS的一种运行环境，node.js为JS提供操作文件、创建http服务、创建TCP、UDP服务等接口，所以Node.js可以完成其他后台语言能完成的工作。

• 下载地址：https://nodejs.org/en/download/
• 安装一路默认（安装路径默认即可）

二、VSCode

• vscode介绍：

      Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。VSCode是一款免费的、开源的、高性能的、跨平台的、轻量级的代码编辑器，同时，在性能，语言支持、开源社区。

• 下载地址：https://code.visualstudio.com
• 安装一路默认（安装路径默认即可）

直接下一步到最后，安装完成

三、安装nmp

• 查看node安装的版本，确认是否如预期安装      

  > node -v
  > npm config set registry https://registry.npm.taobao.org --global
  > npm config set disturl https://npm.taobao.org/dist --global

  

• 安装dva-cli 

   > npm install dva-cli --global

  

       

• 查看dva版本，确认是否如预期安装  

  > dva -v

  

• 安装cnpm   

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

  

• 查看npm、cnpm版本，确认是否如预期安装   

  > npm -v  
  > cnpm -v

  

(注意：如果安装失败，则重装node，并安装cnpm，然后再使用cnmp安装dva-cli)

1. 控制面板卸载nodejs 

2. 删除  C:\Program Files\nodejs  目录

3. 删除  C:\Users\xxx\AppData\Roaming\npm   
            C:\Users\xxx\AppData\Roaming\npm-cache   目录

4. 安装nodejs（重复之前的安装操作）

5. 安装cnpm   

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

    

6. 使用cnmp安装dva-cli

   > cnpm install dva-cli --global