实训_家政服务平台_环境搭建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安装的版本,确认是否如预期安装
[code]> node -v > npm config set registry https://registry.npm.taobao.org --global > npm config set disturl https://npm.taobao.org/dist --global
- 安装dva-cli
[code] > npm install dva-cli --global
- 查看dva版本,确认是否如预期安装
[code]> dva -v
- 安装cnpm
[code]> npm install -g cnpm --registry=https://registry.npm.taobao.org
- 查看npm、cnpm版本,确认是否如预期安装
[code]> npm -v > cnpm -v
(注意:如果安装失败,则重装node,并安装cnpm,然后再使用cnmp安装dva-cli)
-
控制面板卸载nodejs
-
删除 C:\Program Files\nodejs 目录
-
删除 C:\Users\xxx\AppData\Roaming\npm
C:\Users\xxx\AppData\Roaming\npm-cache 目录 -
安装nodejs(重复之前的安装操作)
- 安装cnpm
[code]> npm install -g cnpm --registry=https://registry.npm.taobao.org
-
使用cnmp安装dva-cli
[code]> cnpm install dva-cli --global
- VsCode+Node的前端环境搭建及其理解并创建一个前端目录
- VS Code 折腾记 - (8) 新一波实用插件推荐(前端)|NG2+|TS2|Vue|React|Node|版本控制|主题
- 【Facebook的UI开发框架React入门之二】开发环境搭建(iOS平台)-goodmao
- mac 上 vscode 前端开发环境搭建
- Node.js和VSCode安装、ES6环境搭建教程以及零碎小知识
- Electron+React+Webpack+Vscode应用桌面开发平台搭建
- 前端自动化构建入门2-环境准备系列(node、git、vscode)
- vscode前端常用插件推荐,搭建JQuery、Vue等开发环境
- Mac 下搭建环境 homebrew/git/node.js/npm/vsCode...
- Electron+React+Webpack+Vscode应用桌面开发平台搭建
- react前端框架dva(二)
- 如何在VS2015中搭建可以写node.js的C++ Addon的环境
- 【REACT NATIVE 跨平台应用开发】环境搭建问题记录&&XCODE7模拟器上COMMAND+R失效的几种替换方法...
- Windows平台下CodeBlocks+Wxwidgets开发环境搭建
- 前端自动化开发,架构搭建(第一篇)Node.js环境搭建
- 如何选择前端框架:ANGULAR VS EMBER VS REACT
- vscode cpp cmake 环境搭建
- Mac 系统ReactNative环境搭建以及Node版本切换
- client高性能组件化框架React简单介绍、特点、环境搭建及经常使用语法
- window平台搭建react-native环境