npm&vue详解

1、npm是node.js的一个软件依赖包管理工具

2、当前目录下面一般会有一个package.json文件

3、npm install 会去按照package.json文件中的依赖去下载依赖包 默认会下载到当前目录中的node_modules文件夹下,-g会进行全局安装

4、package.json文件中有两种依赖关系 dependencies依赖和devDependencies开发依赖

dependencies当别人引用我们这个包的时候,包内的依赖包也会被下载下来。
devDependencies在别人引用的时候不会被 npm 下载。
npm install 默认会安装 dependencies 字段和 devDependencies 字段中的所有模块,
如果使用 --production 参数,可以只安装 dependencies 字段的模块。

5、install 命令可以使用不同参数,指定所安装的模块属于哪一种性质的依赖关系,即出现在 packages.json 文件的哪一项中。

–save:模块名将被添加到 dependencies,可以简化为参数 - S。
–save-dev:模块名将被添加到 devDependencies,可以简化为参数 - D。

6、npm run

package.json文件中有一个 scripts 字段,可以用于指定脚本命令,供 npm run 直接调用。

7、scripts 脚本,顾名思义,就是一些脚本代码,可以通过 npm run script-key 来调用

8、通过使用 npm init 可以根据交互式回答产生一个符合标准的 package.json。创建一个 index.js 作为包的接口, 一个简单的包就制作完成了。

9、输入命令:npm config set registry=https://registry.npm.taobao.org

输入命令:npm config list 显示所有配置信息,我们关注一个配置文件

10、查看本地模块 npm list 查看全局模块 npm list –global

11、全局下载 vue vue-router

npm install vue -g
npm install vue-router -g

12、非全局下载 npm install vue npm install vue-router

13、vue-cli 是vue.js的脚手架,是一个vue项目管理的工具,用于自动生成vue.js+webpack的项目模板,

分为vue init webpack-simple 项目名 和vue init webpack 项目名 两种。
vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目

14、全局安装脚手架 npm install vue-cli –g

15、vue初始化项目

1:vue初始化项目 vue init webpack vue01
2:安装依赖npm install
3:启动项目 npm run dev

16.vue -V 显现版本

17、found 101 vulnerabilities (76 low, 9 moderate, 15 high, 1 critical)

run npm audit fix to fix them, or npm audit for details

18、在vue中,通过 import xxx from xxx路径 的方式导入文件,不光可以导入js文件。

“xxx”指的是为导入的文件起一个名称,不是指导入的文件的名称,相当于变量名。
“xxx路径”指的是文件的相对路径。

19、导入组件

import createOA from ‘@/components/createOA’
import createOA from ‘…/components/createOA’

20、使用@方式以根目录的方式定义相对路径

vue在webpack.base.conf.js文件中有相关配置

21、在组件中导入js文件 import {geoCoordMap,data} from ‘…/assets/js/map.js’

import map from ‘…/assets/js/map.js’ js可以省略

22、只有模块被导出了(export)才能被引入(import)

23、export与export default 均可用于常量,函数,文件,模块的导出,都可以用import导入

24、export可以有多个,export default 只能有一个

通过expor方式导出时,在导入的时候要加{},export default则不需要
使用export default 为模块指定默认输出,导入时只需要知道文件名即可

25、组件属性

1.name:允许组件调用自己,
2.data(){return {}},
3.created(){}创建之后调用的函数,
4.methods:{
方法名:function(){},
}

26、目录详解

在这里插入图片描述

相关推荐

  1. Hive-DDL详解(超详细

    2024-01-13 19:36:02       58 阅读
  2. Hive-DML详解(超详细

    2024-01-13 19:36:02       56 阅读
  3. super详解

    2024-01-13 19:36:02       48 阅读
  4. scheduleatfixedrate详解

    2024-01-13 19:36:02       59 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-13 19:36:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-13 19:36:02       106 阅读
  3. 在Django里面运行非项目文件

    2024-01-13 19:36:02       87 阅读
  4. Python语言-面向对象

    2024-01-13 19:36:02       96 阅读

热门阅读

  1. 三国杀移动版武将台词大全-群

    2024-01-13 19:36:02       66 阅读
  2. 微信小程序跳转方式及问题

    2024-01-13 19:36:02       65 阅读
  3. 独立按键控制继电器开关

    2024-01-13 19:36:02       65 阅读
  4. php文件实战分析

    2024-01-13 19:36:02       58 阅读
  5. QT 应用程序在 Windows 系统上出现中文乱码

    2024-01-13 19:36:02       61 阅读
  6. 【SPDK】【NoF】使用SPDK部署NVMe over TCP

    2024-01-13 19:36:02       51 阅读
  7. js join方法的使用

    2024-01-13 19:36:02       62 阅读
  8. 【算法笔记】分治专题

    2024-01-13 19:36:02       54 阅读
  9. 【JVM之再阅读】

    2024-01-13 19:36:02       58 阅读
  10. Go语言中的同步原语:ErrGroup、Semaphore和SingleFlight

    2024-01-13 19:36:02       70 阅读
  11. 网络设备远程运维管理解决方案

    2024-01-13 19:36:02       65 阅读
  12. ReactHooks:useEffect使用指南

    2024-01-13 19:36:02       76 阅读