npmvue详解

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、目录详解

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/409943.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Ubantu 安装vscode配置c/c++环境

文章目录 安装VSCode注意 snap包冲突 安装C/C编译环境注意 进程锁占用 配置C开发环境安装插件配置tasks.json配置c_cpp_properties.json 配置调试环境配置 launch.json 安装VSCode 方式一:ubantu 软件里面直接安装 方式二:官网下载deb安装包https://cod…

SpringBoot多环境配置与添加logback日志

1、多环境配置 一个项目会有多个运行环境 所以SpringBoot提供了可以适应多个环境的配置文件 每个文件对应一个端口号 application-dev.yml 开发环境 端口8090 application-test.yml 测试环境 端口8091 application-prod.yml 生产环境 端口8092 在application中选择使用哪个…

红日靶场2 ATTCK攻击

360免杀其实没有你想象的那么难 首先最重要的是 你要用免杀脚本对你所生成的木马病毒进行加密 然后加密系统的内核,就是上一篇文章所提及的 是通过两次加密之后 所输出的结果,让360无法感知到,然后先通过java反序列化工具将冰蝎工具的JSP后门…

c语言:用一个宏,可以将一个整数的二进制位的奇数位和偶数位交换。

题目 用一个宏,可以将一个整数的二进制位的奇数位和偶数位交换。 如:01,是1,交换完是10,是2. 思路 1.分别取出奇数位上的数字和偶数位上的数字 举个例子:1001 0110 1001 0110 奇…

长亭科技-雷池WAF的安装与使用

目录 1、安装雷池 2、登录雷池 3、简单配置 4、防护测试 5、其他补充 1、安装雷池 在Linux系统上执行如下命令 (需要docker环境,提前把docker、docker-compose 装好) bash -c "$(curl -fsSLk https://waf-ce.chaitin.cn/release…

二叉树的遍历 Java

二叉树的遍历 递归法前序遍历中序遍历后序遍历改进 迭代法前序、后序遍历中序遍历 二叉树的统一迭代法(未完成)Java 中 null、NULL、nullptr 区别 public class TreeNode {int val;TreeNode left;TreeNode right;TreeNode() {}TreeNode(int val) { this.val val; }TreeNode(in…

python代码练习:链表——分隔链表

参考知识: 什么是链表Optional有什么用 题目: 题目来源:力扣 代码: from typing import Optionalclass ListNode: 链表结点的数据类型 def __init__(self, val0,nextNone):self.val valself.next nextdef convert_to_linked…

likeshop开源免费商用电商系统存在任意文件上传漏洞CVE-2024-0352

免责声明:请勿利用文章内的相关技术从事非法测试,由于传播、利用此文所提供的信息或者工具而造成的任何直接或者间接的后果及损失,均由使用者本人负责,所产生的一切不良后果与文章作者无关。该文章仅供学习用途使用。 1. likeshop开源免费商用电商系统简介 微信公众号搜索…

Xcode 15 for Mac 正式激活版下载

Xcode 15 for Mac是苹果公司开发的一款集成开发环境(IDE),专门用于开发Mac、iOS、iPadOS、tvOS、watchOS和应用程序。Xcode 15引入了一系列新功能和改进,旨在提高开发人员的工作效率。 软件下载:Xcode 15 for Mac 正式…

链表练习 Leetcode234.回文链表

题目传送门:Leetcode234 给你一个单链表的头节点 head ,请你判断该链表是否为回文链表。如果是,返回 true ;否则,返回 false 。 示例 1: 输入:head [1,2,2,1] 输出:true示例 2&…

使用WAF防御网络上的隐蔽威胁之扫描器

在网络安全领域,扫描器是用于侦察和识别网络系统漏洞的工具。 它们可以帮助网络管理员识别安全漏洞,也可能被攻击者用来寻找攻击目标。 扫描器的基本概念 定义:扫描器是一种自动化工具,用于探测网络和服务器中的漏洞、开放端口、…

MATLAB R2023b for Mac 中文

MATLAB R2023b 是 MathWorks 发布的最新版本的 MATLAB,适用于进行算法开发、数据可视化、数据分析以及数值计算等任务的工程师和科学家。它包含了一系列新增功能和改进,如改进了数据导入工具,增加了对数据帧和表格对象的支持,增强…