前端Vue npm常用指令

• npm
  • why
    • JavaScript项目包管理工具（管理插件与下载插件的）
    • cnpm yarn 同类型产品
  • 步骤
    • 1.进入根目录 cd
    • 2.创建一个mynpm的文件夹 md mynpm
    • 3.切换到mynpm cd mynpm
    • 4.（可不做）查看当前目录 dir
  • 初始
    • npm init初始化项目，创建package.json文件(一路回车即可)
    • npm init -y 快捷初始化项目(选项都为yes)
  • 目录解释
    • package.json 项目包管理文件
    • package-lock.json 下载缓存地址
    • node_modules 安装包下载的位置
  • 安装 install
    • 普通安装——安装jQuery——npm i jquery
    • 全局安装
      • 全局安装vue npm i @vue/cli -g
      • 插件全局安装的位置 npm root view -g
    • 开发依赖安装
      • 安装的插件在项目开发阶段使用 上线就不需要了
      • 开发依赖安装 axios npm i jquery -S
    • 别名简写
      • install -> i
      • 全局:--global 简写为 -g
      • 开发: --save-dev 简写为 -D
      • 产品: --save 简写为 -S
  • 卸载 uninstall
    • 卸载jQuery npm uninstall jquery
    • 简写 uninstall-->remove ->r
  • 版本号
    • "jquery":3.6.0 限定版本范围
      • 项目使用jquery可以升级的方法不能大于4.00
    • "jquery": "2.1" 固定版本 2.1版本 想要更新的的话 在"2.1"中 加入"^2.1"
    • X.Y.Z
      • X 大版本 X的升级是不兼容的 3.6.0->4.0.1 使用3.6.0的项目和现在的4.0.1的项目是不兼容的
      • Y 中版本 Y的升级是代表有个新的内容增加 (兼容的)
      • Z 小版本 通常修复Bug错误的
  • 安装固定版本
    • 安装固定2.1版本 jquery npm i [email protected]
  • 更新
    • 更新jquery npm update jquery
    • update更新 简写为up
  • 服务器中创建出来的文件名称含义
    • node_modules 插件安装目录配置
    • public 公用文件个模板目录
    • *src 源文件目录
      • assets 资源目录
        • logo.png logo
      • components 存储自定义组件目录
        • HelloWorld.vue 默认组件
      • App.vue vue根组件
      • main.js 项目入口文件
    • .gitignore 上传到服务器忽略配置
    • bable.config.js ES6转ES5配置
    • jsconfig.json 包管理(项目管理目录)
    • README.md 项目说明文件
    • vue.config.js vue项目配置文件