nodejs环境搭建

IWanttoIT大师 IWanttoIT大师     2023-01-26     360

关键词:

目录

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

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

nodejs环境+入门+博客搭建

注:本文转自:许雪里  的 《nodejs环境+入门+博客搭建》一:知识点介绍NodeJS:NodeJS是一个使用了Google高性能V8引擎的服务器端JavaScript实现。它提供了一个(几乎)完全非阻塞I/O栈,与JavaScript提供的闭包和匿名函数相... 查看详情

搭建eclipse的nodejs开发环境图解

搭建eclipse的nodejs开发环境图解我们在前面的文章中学习了nodejs如何使用,以及一些基础理论。工欲善其事必先利其器,这篇文章主要是教搭建eclipse的nodejs开发环境。Q:谁适合阅读此文章?A:已经非常熟练使用eclipse的开发者。[... 查看详情

nodejs环境搭建

1、下载nodeJS下载地址:https://nodejs.org/en/download/因为我的系统是Linux的,所以下载已经编译好的Linux,nodejstar包3、下载完成过后放到/usr/local/下面4、解压:因为这个包不是gz的包所以解压正确:#tar-xvfnode-v6.11.0-linux-x64.tar.xz 错... 查看详情

搭建nodejs生产环境

1、环境:阿里云ubuntu16.042、更新:sudoapt-getupdate3、安装相关依赖文件:sudoapt-getinstallvimopensslbuild-essentiallibssl-devwgetcurlgit4、安装nvm在https://github.com/creationix/nvm 找到,并使用curl-o-https://raw.githubuserco 查看详情

nodejs环境搭建

目录一、NodeJs简介:二、Npm简介:三、NodeJs环境搭建:四、ElementUI简介一、NodeJs简介:     1.定义:是一个基于ChromeV8引擎的[JavaScript运行环境]。Node.js使用了一个事件驱动、非阻塞式I/O的模型,是一个让... 查看详情

nodejsreact开发环境搭建

   1、首先需要安装NodeJS环境,下载NodeJS安装程序安装即可。NodeJS下载地址: https://nodejs.org/en/download/ 2、安装NodeJS的web框架express  npminstallexpress-generator-g 3、创建项目 expressstudy 查看详情

nodejs环境+入门+博客搭建

NodeJS:NodeJS是一个使用了Google高性能V8引擎的服务器端JavaScript实现。它提供了一个(几乎)完全非阻塞I/O栈,与JavaScript提供的闭包和匿名函数相结合,使之成为编写高吞吐量网络服务程序的优秀平台。NPM:全称是NodePackageManager... 查看详情

nodejs开发环境搭建(代码片段)

项目场景:提示:windows10环境下搭建nodejs运行环境:这个事情对大部分人来说,可能不屑一顾。不就是安装上nodejs,然后一步步npminstall,npmrundev环境不就运行起来了吗?本人nodejs菜鸟一枚,第一次安装... 查看详情

vuejs环境搭建

1.安装node.js首先进入node.js中文网http://nodejs.cn/下载nodejs下载后打开命令提示符执行下列命令(打开方式:window +r输入cmd回车):node-v查看安装的nodejs版本,出现版本号,说明刚刚已正确安装nodejs。PS:未能出现版本号,请尝... 查看详情

nodejs环境搭建第一篇安装和部署nodejs

一、下载安装文件根据自己当前系统环境,下载相对应的安装文件https://nodejs.org/en/download/二、双击安装都傻瓜式的安装步骤,一步一步安装就好了。 三、检查安装结果进入dos,输入node-v出现版本号输入npm-v出现版本号如下图... 查看详情

visualstudio开发nodejs教程1搭建环境

1安装nodejsv6.10.3下载地址 https://nodejs.org/dist/v6.10.3/node-v6.10.3-x64.msi2安装 NTVS(Node.js Tools for Visual Studio) 1.2forvs2015vs-工具-扩展和更新,新窗口左侧选择联机-vs库搜索ntvs,下载安装3打 查看详情

reactjs环境搭建

  1.ReactJs需要依赖nodejs环境,如果没有安装nodejs的话,需要安装。下载地址:https://nodejs.org/en/download/  下载下来之后,安装windows版本的msi,点击下一步就可以了。之后进行相应的环境配置就ok。  2.安装全局包    我... 查看详情

ubuntu下nodejs环境搭建

 #0.0.0.0account.jetbrains.com”添加到hosts文件中 apt-get升级 sudoapt-getupgradeapt-get更新 sudoapt-getupdate安装nodesudoapt-getinstallnodejssudoapt-getinstallnodejs-legacy安装npmsudoapt-ge 查看详情

angular4.0环境搭建

1.安装nodejs 先装nodejs,如果你的电脑已经装过了,最好确认是比较新的版本,否则可能会出问题 没有安装的直接去nodejs官网下载nodejs安装.下载地址:https://nodejs.org/en/download/安装过程很简单,官网有教程。 安装完成后... 查看详情

cordova环境搭建

1.Node.js的下载和安装  由于现在cordova是利用nodejs进行管理,所以需要先下载nodejs,下载地址为:https://nodejs.org/en/   2.安装cordova  打开cmd输入npminstall-gcordova    安装成功之后输入cordova-v验证是否安装成功(输入npm... 查看详情

visualstudiocode+nodejs+typescritpt+angularjs2+bootstrap环境搭建/elementaryos

1.apt-getupdate99%waitingforheaders卡住了,fix如下sudoapt-getcleancd/var/lib/aptsudomvlistslists.oldsudomkdir-plists/partialsudoapt-getcleansudoapt-getupdate2.安装gitsudoapt-getinstallgit3.获取代码gitclonehttps:/ 查看详情

vue学习开发环境搭建

...装完毕之后cmd命令查看node版本,如果不识别,记住设置环境变量显示上面信息则安装成功二、设置nodejsprefix(全局)和cache(缓存)路径在nodejs安装根路径新建缓存路径和全局路径设置缓存文件夹npmconfigsetcache"D:\\ProgramFiles\\nodejs... 查看详情

anyproxy-linux(centos)搭建anyproxy环境(代码片段)

...篇是搭建在windows机器上,本篇讲如何在linux上搭建anyproxy环境,当然有mac的小伙伴也可以用mac去搭建一个环境。nodejs安装anyproxy是依赖于nodejs的,所以第一步先安装nodejs,nodejs下载地址:https 查看详情