登录  /  注册
博主信息
博文 70
粉丝 0
评论 2
访问量 90260
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
npm,webpack常用命令
搁浅
原创
2100人浏览过

npm常用命令

  1. i 是 install的简写
  2. -S 是—save的简写
  3. -D 是—save-dev 的简写
  4. -g 是—global的简写

cls 清屏
npm -v 通过查看版本,看npm是否安装成功
npm install <Module Name> 使用 npm 命令安装模块
npm install <Module Name> -g 可以直接在命令行里使用
npm list -g 查看所有全局安装的模块
npm list vue 查看某个模块的版本号
npm -g install npm@5.9.1 (@后跟版本号)这样我们就可以更新npm版本
npm install -save moduleName # -save 在package文件的dependencies节点写入依赖。
npm install -save-dev moduleName # -save-dev 在package文件的devDependencies节点写入依赖
dependencies:运行时的依赖,发布后,即生产环境下还需要用的模块
devDependencies:开发时的依赖。里面的模块是开发时用的,发布时用不到它,比如项目中使用的 gulp ,压缩css、js的模块。这些模块在我们的项目部署后是不需要的

搭建环境时通过如下代码将npm设置成淘宝镜像
npm config set registry https://registry.npm.taobao.org —global
npm config set disturl https://npm.taobao.org/dist —global
设置当前地址(设置为默认地址)
npm config set registry https://registry.npmjs.org/
查看镜像的配置结果
npm config get registry
npm config get disturl
使用nrm工具切换淘宝源
npx nrm use taobao
如果之后需要切换回官方源可使用
npx nrm use npm

安装webpack

npm init -y 进入目录初始化NPM操作
npm install webpack webpack-cli –g 全局安装webpack
npm install webpack webpack-cli webpack-dev-server -D 安装webpack及webpack-cli及webpack-dev-server
npm install 如果删除了项目里面的node_modules,会根据package.json文件安装相应的版本
webpack —mode development (开发环境)
webpack —mode production (生产环境)

安装VUE

npm install vue -g 全局安装VUE2.x
npm i @vue/cli -g 全局安装VUE3.x
vue -V 查看VUE版本
vue create demoxm 创建VUE项目
npm run build 打包代码
npm run serve 开启监听服务serve
npm i axios -S 安装axios,-D开发模式,-S上线时候用

本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学