目录
一、NodeJs简介:
1.定义:是一个基于Chrome V8引擎的[JavaScript运行环境]。 Node.js使用了一个事件驱动、非阻塞式I/O 的模型,是一个让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言,简单点讲就是一个运行环境。
2、注意:
注1:Node.js-->JavaScript运行环境,开发语言是:javascript
J2EE -->Java运行环境, 开发语言是java
注2:Node.js v10.15.3文档地址:http://nodejs.cn/api/
3、NodeJs的用处:
实现高性能Web服务器,他首先看重的是事件机制和异步IO模型的优越性,而不是JS。但是他需要选择一种编程语言实现他的想法,这种编程语言不能自带IO功能,并且需要能良好支持事件机制。JS没有自带IO功能,天生就用于处理浏览器中的DOM事件,并且拥有一大群程序员,因此就成为了天然的选择。
4、NodeJs的特点:
1、单线程
2、非阻塞I/O
3、事件驱动
二、Npm简介:
1、定义:是Node.js的包管理工具(package manager)。
2、为什么要使用npm?
因为我们在Node.js上开发时,会用到很多别人写的JavaScript代码。
如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压, 再使用,非常繁琐。
于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到npm官网上,如 果要使用,
直接通过npm安装就可以直接用,不用管代码存在哪,应该从哪下载。更重要的是,如果 我们要使用模块A,而模块A又依赖于模块B,模块B又依赖于模块X和模块Y,
npm可以根据依赖关系,把所有依赖的包都下载下来并管理起来。否则,靠我们自己手动 管理,肯定既麻烦又容易出错。
3、注意:npm==maven类似
三、NodeJs环境搭建:
1、现在就进行NodeJS的环境搭建了,下面是NodeJS的环境步骤:
步骤:
1、下载nodeJS的安装包
2、解压nodeJS的解压包,在根目录下新增两个文件夹node_global和node_cache
3、配置环境变量
NODE_HOME:配置的是nodeJS解压的根路径D:\initPath\node-v10.15.3-win-x64
path:%NODE_HOME%;%NODE_HOME%\node_global
node -v
npm -v
4、配置npm的全局模块的下载地址
npm config set cache "D:\SoftwareInstallPath\node_repository\node-v10.15.3-win-x64\node_cache"
npm config set prefix "D:\SoftwareInstallPath\node_repository\node-v10.15.3-win-x64\node_global"
npm config set registry https://registry.npm.taobao.org/
5、下载github的Vue的项目解压
6、在解压的项目中是没有node_modules的,在工程的根目录下需要通过npm install进行再次依赖下载(package.json)
7、在通过npm run dev 启动项目
1、下载nodeJS的安装包:
然后点击windows二进文件(.zip),下载64-bit。
2、解压nodeJS的解压包,在根目录下新增两个文件夹node_global和node_cache:
这里注意的是,NodeJs的解压包一定要在英文的目录下,首先解压压缩包之后是没有node_global和node_cache,这两个文件夹的,所以需要自己去手动创建。
3、配置环境变量:
3.1首先打开电脑高级系统配置,点击环境变量配置,点击新建,配置好NODE_HOME,对应的值为解压了压缩包的路径
NODE_HOME为压缩包解压之后的路径:
3.2配置path路径:
path路径:
path:%NODE_HOME%;%NODE_HOME%\node_global
3.3、配置好NODE_HOME和path之后就可以进行测试有没有配置成功,在电脑搜索框中输入cmd,以管理员的身份登陆:先测试NODE.js版本,之后测试npm的版本。
出现版本说明配置成功了一部分。
4、配置npm的全局模块的下载地址:
直接在cmd中输入以下三行代码,分开输入。以下红色字体为你第二步创建的两个文件夹路径
npm config set cache "D:\SoftwareInstallPath\node_repository\node-v10.15.3-win-x64\node_cache"
npm config set prefix "D:\SoftwareInstallPath\node_repository\node-v10.15.3-win-x64\node_global"
npm config set registry https://registry.npm.taobao.org/
5、下载github的Vue的项目解压 :
这里建议新建一个文件夹进行压缩包的解压,进行操作:我们这里直接是压缩包,要是家人们需要的话可以私信我。
6、在解压的项目中是没有node_modules的,在工程的根目录下需要通过npm install进行再次依赖下载(package.json):只要在刚刚解压的文件夹中的路径框中输入cmd就可以进入该项目的cmd界面,在界面中输入npm install
在上述下载过程中,只要不出现ERR说明一直以成功的状态下载,但是要是出现ERR红色字样时,说明下载文件失败,这时候的解决办法是将解压出来的文件夹删除,再重新解压一遍,重述以上操作即可。
7、在通过npm run dev 启动项目:
整个项目运行出来后,说明NODE.js配置成功!
四、ElementUI简介
1、Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
Element UI是基于Vue 2.0的
Element UI 提供一组组件
Element UI 提供组件的参考实例, 直接复制
2、 ElementUI网址:Element - The world's most popular Vue UI framework
进入到官网之后就可以将自己需要东西进行下载即可使用。今天对ElementUI的知识先分享这么多,之后还会再分享的。
今天的知识就分享到这里了,希望能够对你有所帮助!