webpack、nodejs常用命令

1、vue中npm基础命令

npm -v:查看npm版本。
npm view XXX versions: 查看XXX的所有发行版本号
npm init:初始化后会出现一个package.json配置文件。可以在后面加上-y ,快速跳过问答式界面。
npm install:会根据项目中的package.json文件自动下载项目所需的全部依赖。
npm install 包名 --save-dev(npm install 包名 -D):安装的包只用于开发环境,不用于生产环境,会                
          出现在package.json文件中的devDependencies属性中。
npm install 包名 --save(npm install 包名 -S):安装的包需要发布到生产环境的,会出现在package.json文件中的dependencies属性中。
npm list:查看当前目录下已安装的node包。
npm list -g:查看全局已经安装过的node包。
npm --help:查看npm帮助命令。
npm update 包名:更新指定包。

npm uninstall 模块:删除模块,但不删除模块留在package.json中的对应信息
npm uninstall 模块 --save: 删除模块,同时删除模块留在package.json中dependencies下的对应信息
npm uninstall 模块 --save-dev: 删除模块,同时删除模块留在package.json中devDependencies下的 
                                对应信息
==================================================================================
npm config list:查看配置信息。
npm 指定命令 --help:查看指定命令的帮助。
npm info 指定包名:查看远程npm上指定包的所有版本信息。
npm config set registry https://registry.npm.taobao.org: 修改包下载源,此例修改为了淘宝镜 
                                                          像。
npm root:查看当前包的安装路径。
npm root -g:查看全局的包的安装路径。
npm ls 包名:查看本地安装的指定包及版本信息,没有显示empty。
npm ls 包名 -g:查看全局安装的指定包及版本信息,没有显示empty。

npm cache clean   清除npm的缓存
npm prune   清除项目中没有被使用的包
npm outdated   检查模块是否已经过时
npm repo jquery   会打开默认浏览器跳转到github中jquery的页面
npm docs jquery   会打开默认浏览器跳转到github中jquery的README.MD文件信息
npm home jquery   会打开默认浏览器跳转到github中jquery的主页
===================================================================================
缩写
-g: 为 --global 的缩写,表示安装到全局目录里
-S: 为 --save 的缩写,表示安装的包将写入package.json里面的dependencies
-D: 为 --save-dev 的缩写,表示将安装的包将写入packege.json里面的devDependencies
 i: 为install的缩写,表示安装

===================================================================================
npm run serve: 运行当前脚手架环境下编写好的文件【要在package.json中查看是否在script:{}中是否 
               存在 serve字段】
npm cache clean --force: 安装失败的话可以先强制清缓存
项目启动具体步骤
先配置淘宝镜像 npm config get registry
第一步: npm-install -g @vue/cli【进第一次执行时安装,以后就不用在安装了】
第二步: 先cd到要创建项目的目标文件夹,然后执行 vue create XXX
第三步: 然后cd到创建好的vue项目文件夹执行 npm run serve

vue inspect > output.js 查看vue隐藏的webpack配置

如果下载缓慢可以使用cnpm或配置淘宝镜像:cnpm和淘宝镜像配置

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值