开发者社区> 小博测试成长之路> 正文

Npm环境安装、项目初始化以及插件安装

简介: npm环境搭建的话,需要安装Nodejs,可以打开百度首页输入nodejs进行搜索。
+关注继续查看

1

NPM环境安装

npm环境搭建的话,需要安装Nodejs,可以打开百度首页输入nodejs进行搜索:


微信图片_20220114174754.png



具体安装这里可以参考之前写的文章:

Node.js环境搭建以及常见npm用法

注意事项:

1、安装完之后,需要配置环境变量方可使用

2、配置环境变量后,要重新打开一个新的cmd窗口,输入node -v  以及 npm  -v 去验证下环境变量是否配置成功。(这里建议环境变量按照安装目录配置一个NODE_HOME,方便以后切换不同的版本)


微信图片_20220114174758.png


3、现在最新的版本比较高,但是不建议使用最新的版本,避免初学者在使用过程中遇到问题。


2

NPM的使用

1、项目初始化操作

在本地建一个空的文件夹,然后在当前路径下打开cmd窗口(在资源管理器中输入cmd即可):



微信图片_20220114174801.png


输入 npm init 即可初始化一个项目。输入命令后需要手动输入项目名、版本、描述信息、仓库地址等一系列的信息,部分可以直接敲回车跳过

觉得繁琐的话,可以直接输入npm init -y ,则会采用默认的值进行初始化操作。执行完命令后,会生成一个package.json的文件,里面会有上述手动操作时需要输入的各项信息:


微信图片_20220114174803.png


2、安装js插件

npm install 插件名@版本号

比如:npm install element-ui


微信图片_20220114174806.png


安装过程中打印的一些黄色警告信息可以忽略。

安装完成后,在文件夹中会多出一个node_modules文件夹以及一个package-lock.json的文件。

package-lock.json是在执行npm install 命令的时候生成的一个文件,文件中会记录项目的名称、版本号以及相关的依赖信息等:


微信图片_20220114174808.png


package-lock.json文件的内容,有点类似于java里面maven工程的pom文件,对应的node_modules文件夹就类似使用maven的编译命令下载下来的依赖jar包存放的目录。


3、插件版本不同格式说明

在使用npm install 安装插件后,在package.json文件中,也会记录插件的版本号,细心的朋友可能会发现,版本前面带了一个^符号。


符号
说明
^2.1.12表示大版本,后面的2.x.x表示次要版本号和小版本号是最新的。

~2.1.2
表示安装依赖的时候,安装的不一定是2.1.2的版本,而是2.1.x的最新版本。

latest
表示安装最新版本(不指定版本号安装时,默认是安装最新的版本)
npm install element-ui@latest

注意:指定版本安装时,对应的版本号必须存在喔,否则会报错。


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Notepad++ 实用插件安装
 在上图中选择你需要添加的Notepad++插件即可,不清楚添加什么插件话,可以百度一下。
826 0
VIM插件安装
    赤裸裸的vim用起来还是很辛苦的,特别是对于习惯了VS下编程的coder。本文为在安装插件过程中,记录下的点点滴滴。 1、ctags 2、TagList 3、omnicppcomplete   默认配置在~/.vimrc,如果这个系统只有你使用,也可以选择/etc/vimrc 1、ctags     这个太棒了,可以追踪函数,变量。      安装:    下载c
997 0
解决npm安装依赖缓慢的问题
使用阿里巴巴的镜像服务器 $ npm install -g cnpm --registry=https://registry.
1631 0
Spring Boot 如何解决项目启动时初始化资源
在我们实际工作中,总会遇到这样需求,在项目启动的时候需要做一些初始化的操作,比如初始化线程池,提前加载好加密证书等。今天就给大家介绍一个 Spring Boot 神器,专门帮助大家解决项目启动初始化资源操作。
5907 0
chrome 插件安装:"无法添加来自此网站的应用",解决办法。安装本地crx插件方法
chrome的一些版本进行了安全控制,我们无论是网上直接安装还是本地下载安装crx插件时会出现问题,那就是"无法添加来自此网站的应用",这是为了防止非chrome商店正式渠道安装存在问题的插件带给我们的安全隐患。
47 0
5.Maven和Eclipse整合(两种方式进行插件的安装),Maven相关设置,Eclipse下创建Maven项目
 1  第一种方式是:在连网的情况下,通过在helpàInstall下安装。 新的地址是:http://download.eclipse.org/technology/m2e/releases 2  第二中方式是: 通过插件配置的方式进行安装插件。 A  将maven所需的插件放到maven的安装目录下,截图如下: B 在Eclips
1272 0
117
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载