从cmd和npm开始带你走进vue世界

Try your best

已于 2022-07-25 21:53:54 修改

阅读量453

点赞数 1

文章标签：前端

于 2022-07-25 21:18:54 首次发布

本文链接：https://blog.csdn.net/qq_51096686/article/details/125980038

版权

从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