npm,webpack常用命令

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上线时候用