npm基本操作(安装,搭建环境,打包)

时间:2021-08-06 04:35:12

Nodejs(npm)环境安装:

npm的安装配置(从nodejs网站上安装npm):

npm基本操作(安装,搭建环境,打包)

Windows安装Nodejs操作步骤如下:

64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

1.1下载下来的安装包双击打开:

npm基本操作(安装,搭建环境,打包)

1.2 点击Run

npm基本操作(安装,搭建环境,打包)

1.3.点击next

npm基本操作(安装,搭建环境,打包)

1.4.点击next(我自己设置默认的安装位置)

npm基本操作(安装,搭建环境,打包)

1.5.点击next

npm基本操作(安装,搭建环境,打包)

1.6.点击install

npm基本操作(安装,搭建环境,打包)

1.7直到完成

npm基本操作(安装,搭建环境,打包)

安装完成后,cmd中输入:node -v    npm –v     输入path查看环境变量是否配置成功

配置环境变量:

(1)修改用户变量PATH:把"C:\nodejs\node_global"加到后面。
(2)新增系统变量NODE_PATH:设置成“C:\nodejs\node_global\node_modules”。

出现版本号,则说明安装成功

npm基本操作(安装,搭建环境,打包)

2.环境安装

利用npm启动项目:

2.1切换到项目路径下:cd /你的项目根目录

2.2执行npm install

npm基本操作(安装,搭建环境,打包)

2.3.执行npm run dev

npm基本操作(安装,搭建环境,打包)

npm基本操作(安装,搭建环境,打包)

最后在浏览器上输入以上地址即可:

http://localhost:8081

3.npm打包

3.1.切换到项目根目录,运行npm run build   相关文件被打包

npm基本操作(安装,搭建环境,打包)

注意观察:最后一句,运行index.html

npm基本操作(安装,搭建环境,打包)

将打包生成的文件夹,放到tomcat中,(建议修改端口号,防止冲突),启动项目:

输入形式:localhost:端口号/文件夹名/index.html

npm基本操作(安装,搭建环境,打包)的更多相关文章

  1. node、npm的安装和环境变量的配置

    在使用node过程中踩过好几次坑,这次记录下来,以防以后在掉下去. 用npm安装nrm模块后,输入nrm 提示 “nrm”不是内部或外部命令,也不是可运行的程序.我就奇怪了,安装成功了,怎么还提示不是 ...

  2. Vue项目一、node.js和npm的安装和环境搭建

    一.为什么安装node.js及npm npm npm是Node.js的包管理工具(package manager),是全球最大的生态系统,同过npm可以找到很多丰富的插件来满足项目的需求. a1.现在 ...

  3. 2-1 nodejs和npm的安装和环境搭建

    1.安装node.js (最新已经集成npm)  https://nodejs.org/en/ 2.升级npm $ npm install -g npm $ cnpm install -g cnpm ...

  4. ionic2新手入门整理,搭建环境,创建demo,打包apk,热更新,优化启动慢等避坑详解

    onic官方文档链接:http://ionicframework.com/docs/ 如果是新的环境会有很多坑,主要是有墙,请仔细阅读每个步骤 文档包含以下内容: l  环境搭建 l  创建demo并 ...

  5. Vue.js安装及环境搭建

    Vue.js环境搭建-Windows版 步骤一:安装node.js 在搭建vue的开发环境之前,需要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者 ...

  6. Vue.js + Element.ui 从搭建环境到打包部署

    一.搭建环境 由于新的node已经集成了npm,所以直接安装node,前往node官网下载最新版本的node,根据自己的操作系统选择相应的包,按照步骤一步步走就可以,这里不做过多介绍. 安装好后可以打 ...

  7. 从环境搭建到打包使用TypeScript

    目录 1.TypeScript是什么 2.TypeScript增加了什么 3.TypeScript环境的搭建 4.TypeScript的基本类型 5.TypeScrip编译选项 6.TypeScrip ...

  8. Windows环境下的NodeJS+NPM+Bower安装配置步骤

    Windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL”按钮 ...

  9. Node.js、npm、vue-cli 的安装配置环境变量

    我安装node.js是为了学习vue,需要用到npm,所以就把node.js安装了,安装node.js会带有npm的安装. 在安装node.js之前,我们需要了解以下三个内容. npm: Nodejs ...

随机推荐

  1. SQL 优化总结

    SQL 优化总结 (一)SQL Server 关键的内置表.视图 1. sysobjects         SELECT name as '函数名称',xtype as XType  FROM  s ...

  2. Linux中 groupadd 和 useradd 的命令说明

    groupadd [options] group 说明The groupadd command creates a new group account using the values specifi ...

  3. POJ 2240Arbitrage(Floyd)

    E - Arbitrage Time Limit:1000MS     Memory Limit:65536KB     64bit IO Format:%I64d & %I64u Submi ...

  4. QT、QTE、qtopia区别

    QT.QTE.qtopia区别 Qt的授权是分为两条线,商业版和开源版.如果使用商业版的Qt,那么开发出的程序可以是私有的和商业的:如果使用的是开源版的Qt,由于其使用的是GPL协议,那么可发出的程序 ...

  5. AngularJS1.X学习笔记14-动画(解读文档)

    最近在看算法分析,那个大O啊,小o啊,分治法啊(目前就看到这里),真是搞死了.这回呢休息一下,学学AngularJS动画,上一篇文章根据*男人的书简单谈到了动画的话题,发现反响很大(好吧,我说慌了, ...

  6. Delphi如何处理在进行大量循环时,导致的应用程序没有响应的情况

    一般用在比较费时的循环中,往往导致应用程序没有响应,此时在比较费时的程序体中加入Application.ProcessMessages即可解决,该语句的作用是检查并先处理消息队列中的其他消息. 例如, ...

  7. JAVA 每周一 每周日 时间

    Calendar cal = Calendar.getInstance(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd&q ...

  8. 使用html5获取当前手机的经纬度,并接入百度地图API,查询出当前位置

    最近项目需要,稍微研究一下html5获取当前地理位置的问题. 获取当前位置的经纬度很简单,一句代码就搞定 navigator.geolocation.getCurrentPosition(functi ...

  9. Oracle EBS 获取公司段的本位币

    SELECT gls.currency_code FROM hr_organization_information_v t, gl_sets_of_books gls WHERE t.org_info ...

  10. http://bbs.chinaunix.net/thread-169061-1-1.html

    http://bbs.chinaunix.net/thread-169061-1-1.html