1.安装npm install -g npm-check-updates

    可能会出现以下错误：

npm ERR! syscall mkdir
npm ERR! path D:\node\node_global\node_modules\npm-check-updates
npm ERR! errno -4048
npm ERR! Error: EPERM: operation not permitted, mkdir 'D:\node\node_global\node_modules\npm-check-updates'
npm ERR!  [Error: EPERM: operation not permitted, mkdir 'D:\node\node_global\node_modules\npm-check-updates'] {
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'mkdir',
npm ERR!   path: 'D:\\node\\node_global\\node_modules\\npm-check-updates'
npm ERR! }
npm ERR! 
npm ERR! The operation was rejected by your operating system.
npm ERR! It's possible that the file was already in use (by a text editor or antivirus),
npm ERR! or that you lack permissions to access it.
npm ERR! 
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\node\node_cache\_logs\2022-03-07T06_46_10_432Z-debug-0.log

以上错误的原因：

没有权限创建文件夹

解决方案：使用CMD命令，用管理员打开，在该目录下执行该命令

2.执行下面命令（显示当前目录下项目中所有新的依赖包）

  ncu 

3. 更新项目package文件

ncu -u

以上操作完毕之后，查看 package.json 文件，可以看到依赖包已经更新

关于npm-check-updates更多用法，请查看npm-check-updates - npm

首先必须要有npm，window下无法在线更新node.js版本，所以每次要更新版本需要重新安装node.js

1.新建一个文件夹用于存放项目 mkdir fileName

2.下载一个全局生成vue项目的脚手架 vue-cli
    安转指令：npm install vue-cli -g

3.初始化一个项目
    vue init webpack <项目名>。这里的eslint可选择为n，eslint是代码规范验证，如果选择y会经常报错，会比较烦。

4.进入项目，安装依赖包 npm install

5.npm run dev 启动项目，正常启动可以在http://localhost:8080/ 下看见自己新建立的项目。

接下来是一些常见的依赖包
1.webpack模块打包
    npm install –save-dev webpack
    4.0以上版本使用 npm install –save-dev webpack-cli
    webpack 与 less最好不要全局安装，否则可能导致webpack的版本差异

2.babel 可以将es6语法转为es5
    npm install babel-core –save-dev
    npm install babel-loader –save-dev
    安转完后可能会导致webpack无法使用 需要重新安装

3.css-loader 将css解析成模块，将解析的内容插入到页面
    npm install css-loader style-loader –save-dev

4.解析图片
    file-loader url-loader(依赖于file-loader)
    npm install file-loader url-loader –save-dev

5.需要解析html插件
    插件的作用是以我们自己的html为模板将打包后的结果，自动引入到html中产出到dist目录下
    npm install html-webpack-plugin –save-dev

6.webpack-dev-server
    内置一个服务 可以启动一个端口号，当代码更新时可以自动打包（内存中打包）
    不生成实际的文件 监听代码当代码有变化就重新执行
    npm install webpack-dev-server –save-dev
    安装提示无权限时 cmd可以用管理员模式打开
    package.json中 script “dev”: “webpack-dev-server”

--save 是在package.json的【dependencies】里面

--save-dev  是在package.json的【devDependencies】里面

依赖安装在package.json的【dependencies】的三种方式

 npm i element-ui

npm i element-ui -S

 npm i element-ui --save

 依赖安装在package.json的【devDependencies】的两种方式

npm install jquery --save-dev

 npm install jquery --D

1. 安装jquery

npm install jquery --save

  卸载jquery

npm uninstall jquery --save

2. 安装swiper

npm install swiper --save-dev

  卸载swiper

npm uninstall swiper --save-dev