从cmd和npm开始带你走进vue世界
初步了解cmd
CMD命令是一种命令提示符,CMD是command的缩写,即命令提示符(CMD),位于C:\Windows\System32的目录下,是在OS / 2 , Win为基础的操作系统(包括Windows 2000和XP中, Vista中,和Server 2003 )下的“MS-DOS 方式”。
使用cmd
打开cmd ----> win+r 打开运行框,并在输入框中输入cmd 并点击回车进入cmd
输入help可以查看所有命令
C:\Users\ASUS>help
有关某个命令的详细信息,请键入 HELP 命令名
ASSOC 显示或修改文件扩展名关联。
ATTRIB 显示或更改文件属性。
BREAK 设置或清除扩展式 CTRL+C 检查。
BCDEDIT 设置启动数据库中的属性以控制启动加载。
CACLS 显示或修改文件的访问控制列表(ACL)。
CALL 从另一个批处理程序调用这一个。
CD 显示当前目录的名称或将其更改。
CHCP 显示或设置活动代码页数。
CHDIR 显示当前目录的名称或将其更改。
CHKDSK 检查磁盘并显示状态报告。
CHKNTFS 显示或修改启动时间磁盘检查。
CLS 清除屏幕。
CMD 打开另一个 Windows 命令解释程序窗口。
COLOR 设置默认控制台前景和背景颜色。
COMP 比较两个或两套文件的内容。
COMPACT 显示或更改 NTFS 分区上文件的压缩。
CONVERT 将 FAT 卷转换成 NTFS。你不能转换
当前驱动器。
COPY 将至少一个文件复制到另一个位置。
DATE 显示或设置日期。
DEL 删除至少一个文件。
DIR 显示一个目录中的文件和子目录。
DISKPART 显示或配置磁盘分区属性。
DOSKEY 编辑命令行、撤回 Windows 命令并
创建宏。
DRIVERQUERY 显示当前设备驱动程序状态和属性。
ECHO 显示消息,或将命令回显打开或关闭。
ENDLOCAL 结束批文件中环境更改的本地化。
ERASE 删除一个或多个文件。
EXIT 退出 CMD.EXE 程序(命令解释程序)。
FC 比较两个文件或两个文件集并显示
它们之间的不同。
FIND 在一个或多个文件中搜索一个文本字符串。
FINDSTR 在多个文件中搜索字符串。
FOR 为一组文件中的每个文件运行一个指定的命令。
FORMAT 格式化磁盘,以便用于 Windows。
FSUTIL 显示或配置文件系统属性。
FTYPE 显示或修改在文件扩展名关联中使用的文件
类型。
GOTO 将 Windows 命令解释程序定向到批处理程序
中某个带标签的行。
GPRESULT 显示计算机或用户的组策略信息。
GRAFTABL 使 Windows 在图形模式下显示扩展
字符集。
HELP 提供 Windows 命令的帮助信息。
ICACLS 显示、修改、备份或还原文件和
目录的 ACL。
IF 在批处理程序中执行有条件的处理操作。
LABEL 创建、更改或删除磁盘的卷标。
MD 创建一个目录。
MKDIR 创建一个目录。
MKLINK 创建符号链接和硬链接
MODE 配置系统设备。
MORE 逐屏显示输出。
MOVE 将一个或多个文件从一个目录移动到另一个
目录。
OPENFILES 显示远程用户为了文件共享而打开的文件。
PATH 为可执行文件显示或设置搜索路径。
PAUSE 暂停批处理文件的处理并显示消息。
POPD 还原通过 PUSHD 保存的当前目录的上一个
值。
PRINT 打印一个文本文件。
PROMPT 更改 Windows 命令提示。
PUSHD 保存当前目录,然后对其进行更改。
RD 删除目录。
RECOVER 从损坏的或有缺陷的磁盘中恢复可读信息。
REM 记录批处理文件或 CONFIG.SYS 中的注释(批注)。
REN 重命名文件。
RENAME 重命名文件。
REPLACE 替换文件。
RMDIR 删除目录。
ROBOCOPY 复制文件和目录树的高级实用工具
SET 显示、设置或删除 Windows 环境变量。
SETLOCAL 开始本地化批处理文件中的环境更改。
SC 显示或配置服务(后台进程)。
SCHTASKS 安排在一台计算机上运行命令和程序。
SHIFT 调整批处理文件中可替换参数的位置。
SHUTDOWN 允许通过本地或远程方式正确关闭计算机。
SORT 对输入排序。
START 启动单独的窗口以运行指定的程序或命令。
SUBST 将路径与驱动器号关联。
SYSTEMINFO 显示计算机的特定属性和配置。
TASKLIST 显示包括服务在内的所有当前运行的任务。
TASKKILL 中止或停止正在运行的进程或应用程序。
TIME 显示或设置系统时间。
TITLE 设置 CMD.EXE 会话的窗口标题。
TREE 以图形方式显示驱动程序或路径的目录
结构。
TYPE 显示文本文件的内容。
VER 显示 Windows 的版本。
VERIFY 告诉 Windows 是否进行验证,以确保文件
正确写入磁盘。
VOL 显示磁盘卷标和序列号。
XCOPY 复制文件和目录树。
WMIC 在交互式命令 shell 中显示 WMI 信息。
cmd所有的命令都在如上图所示,
以下从盘符的切换,到文件的创建,详细描述整个过程
(1)盘符的切换
在命令输入框输入盘符名加冒号(c:)再敲回车键即可完成盘符的切换,具体如下所示
C:\Users\ASUS>d:
D:\>e:
E:\>f:
F:\>c:
C:\Users\ASUS>
(2)目录上下级的切换:
①.可使用cd+下一级目录名可实现进入下一级目录
如下所示:
C:\Users\ASUS>cd /
C:\>cd Users
C:\Users>cd ASUS
C:\Users\ASUS>cd /(返回根目录)
C:\>cd Users\ASUS
C:\Users\ASUS>
②.可使用cd+ 加两个小数点可实现返回上一级目录或多级目录
C:\Users\ASUS>cd ..
C:\Users>cd ..
C:\>
C:\Users\ASUS>cd ..
C:\Users>cd ..
C:\>cd Users\ASUS
C:\Users\ASUS>cd /(直接返回根目录)
C:\>
(3)可通过dir 进行查看目录
C:\Users>dir
驱动器 C 中的卷是 OS
卷的序列号是 4CCC-5A11
C:\Users 的目录
2022/05/22 23:56 <DIR> .
2022/05/22 23:56 <DIR> ..
2022/07/25 15:18 <DIR> ASUS
2022/02/15 07:39 <DIR> defaultuser100001
2022/04/26 12:27 <DIR> defaultuser100001.LAPTOP-M929L2HO
2021/05/25 09:10 <DIR> Public
0 个文件 0 字节
6 个目录 108,610,600,960 可用字节
(4) 使用md或者是使用mkdir创建目录,并使用rd删除空目录
C:\>md 11
C:\>mkdir 12
C:\>dir
驱动器 C 中的卷是 OS
卷的序列号是 4CCC-5A11
C:\ 的目录
2022/07/25 20:11 <DIR> 11
2022/07/25 20:11 <DIR> 12
2022/01/30 12:08 <DIR> DRIVERS
2021/05/26 01:27 <DIR> eSupport
2022/07/25 17:19 <DIR> litaovue
2022/07/25 10:45 <DIR> mynpm
2022/07/25 15:22 <DIR> myvue
2022/07/14 22:55 <DIR> Program Files
2022/06/26 17:43 <DIR> Program Files (x86)
2022/05/22 23:56 <DIR> Users
2022/06/26 17:14 <DIR> Windows
0 个文件 0 字节
11 个目录 108,608,360,448 可用字节
C:\>rd 11
C:\>rd 12
C:\>dir
驱动器 C 中的卷是 OS
卷的序列号是 4CCC-5A11
C:\ 的目录
2022/01/30 12:08 <DIR> DRIVERS
2021/05/26 01:27 <DIR> eSupport
2022/07/25 17:19 <DIR> litaovue
2022/07/25 10:45 <DIR> mynpm
2022/07/25 15:22 <DIR> myvue
2022/07/14 22:55 <DIR> Program Files
2022/06/26 17:43 <DIR> Program Files (x86)
2022/05/22 23:56 <DIR> Users
2022/06/26 17:14 <DIR> Windows
0 个文件 0 字节
9 个目录 108,608,425,984 可用字节
(5)创建一个文本文件编辑后并删除
创建方法1:echo . 2>EmptyFileName.txt
创建方法2:type nul > EmptyFileName.txt
创建方法3:copy nul > EmptyFileName.txt
C:\Users\ASUS>md test
C:\Users\ASUS>cd test
C:\Users\ASUS\test>type nul>test01.txt
C:\Users\ASUS\test>echo null>test02.txt
C:\Users\ASUS\test>copy null>test03.txt
C:\Users\ASUS\test>dir
驱动器 C 中的卷是 OS
卷的序列号是 4CCC-5A11
C:\Users\ASUS\test 的目录
2022/07/25 20:55 <DIR> .
2022/07/25 20:55 <DIR> ..
2022/07/25 20:54 0 test01.txt
2022/07/25 20:55 6 test02.txt
2022/07/25 20:55 24 test03.txt
3 个文件 30 字节
2 个目录 108,455,464,960 可用字节
编辑文本:
echo 是输出 xxx是内容 >>是追加符 xxx.xx是文件名
echo 是输出 xxx是内容 >>是追加符 xxx.xx是文件名
ps:这条命令也可以用来创建一个有内容的文件,文件名不存在则新建文件,文件存在则进行追加
ps:这条命令也可以用来创建一个有内容的文件,文件名不存在则新建文件,文件存在则进行追加
使用CMD修改文件内容(跟创建有内容的文件命令一样),命令如下:
echo xxx(内容) >xxx.xx(文件名)
C:\Users\ASUS\test>echo "白日依山尽,黄河入海流" >test01.txt
C:\Users\ASUS\test>type test01.txt
"白日依山尽,黄河入海流"
ps: 虽然创建一个有内容的文件命令和修改文件内容的命令一样,但是重点在于后面的文件名
文件名已经存在(当前目录中有这个文件的时候),则进行修改内容
文件名不存在(当前目录中没有这个文件的时候),则进行创建文件
使用CMD修改文件名,命令如下:
ren xxx.xx(原文件名) xxx.xx(新的文件名)
ren是rename的简写(重命名)xxx.xx是原文件名 xxx.xx是新文件名
C:\Users\ASUS\test>ren test01.txt rename01.txt
C:\Users\ASUS\test>dir
驱动器 C 中的卷是 OS
卷的序列号是 4CCC-5A11
C:\Users\ASUS\test 的目录
2022/07/25 21:01 <DIR> .
2022/07/25 21:01 <DIR> ..
2022/07/25 20:58 27 rename01.txt
2022/07/25 20:55 6 test02.txt
2022/07/25 20:55 24 test03.txt
3 个文件 57 字节
2 个目录 108,451,835,904 可用字节
使用CMD查看文件内容,命令如下:
C:\Users\ASUS\test>type test01.txt
"白日依山尽,黄河入海流"
type xxx.xx(文件名)
type 是查看文件内容命令 xxx.xx是文件名
(6)删除文件
C:\Users\ASUS\test>del rename01.txt
C:\Users\ASUS\test>del test02.txt
C:\Users\ASUS\test>del test03.txt
C:\Users\ASUS\test>dir
驱动器 C 中的卷是 OS
卷的序列号是 4CCC-5A11
C:\Users\ASUS\test 的目录
2022/07/25 21:03 <DIR> .
2022/07/25 21:03 <DIR> ..
0 个文件 0 字节
2 个目录 108,451,401,728 可用字节
(7)查看本机ip
C:\Users\ASUS\test>ipconfig
(8)查看联通 ping+主机名
C:\Users\ASUS\test>ping www.baidu.com
正在 Ping www.a.shifen.com [110.242.68.3] 具有 32 字节的数据:
来自 110.242.68.3 的回复: 字节=32 时间=23ms TTL=54
来自 110.242.68.3 的回复: 字节=32 时间=25ms TTL=54
来自 110.242.68.3 的回复: 字节=32 时间=34ms TTL=54
来自 110.242.68.3 的回复: 字节=32 时间=27ms TTL=54
110.242.68.3 的 Ping 统计信息:
数据包: 已发送 = 4,已接收 = 4,丢失 = 0 (0% 丢失),
往返行程的估计时间(以毫秒为单位):
最短 = 23ms,最长 = 34ms,平均 = 27ms
(9)calc打开计算器
C:\Users\ASUS\test>calc
了解npm并学习使用
Node -v:
可以查看安装node的版本
安装淘宝镜像源:
npm config set registry https://registry.npm.taobao.org
npm javascript 项目包管理工具(管理插件与下载插件)
npm init 初始化项目,创建一个package.json的文件
npm init -y 快捷初始化项目(全部默认)
npm install jquery 安装jQuery插件(npm i jquery 也可以安装jquery插件)
npm uninstall jquery 卸载jQuery插件
目录解释:
package.json项目包管理文件
package-lock.json 下载缓存地址
node_modules 安装包下载位置
安装(install):
普通安装: 安装jquery -- npm i jquery
全局安装 :电脑任何项目都可以引用到安装的插件
查看全局安装的地址:
npm root view -g
C:\Users\ASUS\AppData\Roaming\npm\node_modules
开发依赖安装 :插件在项目上开发阶段使用,上线就不需要了
开发依赖安装axios
npm i axios -D
产品依赖安装: 安装的插件再开发和线上阶段都需要
产品环境依赖安装jquery
npm i jquery -s
安装固定版本
安装固定2.1版本jquery
npm i jquery@2.1-s
卸载 Uninstall 卸载jquery ----- npm uninstall jquery(简写:uninstall ->remove r)
别名(简写)
install –>i
全局:--global 简写为-g
开发 –save-dev 简写为-d
产品:--save 简写为-s
安装脚手架:npm i @vue/cli -g
查看安装的脚手架版本
C:\mynpm>vue --version
@vue/cli 5.0.8
版本号
^3.6.0 限定版本范围 项目使用jQuery可以升级的方法不能大于等于4.0.0
"jquery": "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错误的
更新
npm update jquery 更新jQuery
别名 update-->up