NodeJs环境搭建

目录

一、NodeJs简介:

二、Npm简介:

三、NodeJs环境搭建:

四、ElementUI简介


一、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的安装包:

https://nodejs.org/zh-cn/download/ 

 

 然后点击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的知识先分享这么多,之后还会再分享的。

今天的知识就分享到这里了,希望能够对你有所帮助!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值