前端项目启动前install命令（前端项目怎么启动）

qiaoqingyi 2023-02-07 661

默认

今天给各位分享前端项目启动前install命令的知识，其中也会对前端项目怎么启动进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

1、关于linux的 install命令
2、install命令详解
3、vue-cli起项目步骤
4、运行前端项目
5、node.js在springboot中怎么用cmd启动前端
6、npm install详解

关于linux的 install命令

Linux提供了大量的命令，利用它可以有效地完成大量的工作，如磁盘操作、文件存取、目

录操作、进程管理、文件权限设定等。所以，在Linux系统上工作离不开使用系统提供的命

令。要想真正理解Linux系统，就必须从Linux命令学起，通过基础的命令学习可以进一步理

解Linux系统。

不同Linux发行版的命令数量不一样，但Linux发行版本最少的命令也有200多个。这里笔者

把比较重要和使用频率最多的命令，按照它们在系统中的作用分成下面六个部分一一介绍。

◆ 安装和登录命令：login、shutdown、halt、reboot、install、mount、umount、chsh、

exit、last；

◆ 文件处理命令：file、mkdir、grep、dd、find、mv、ls、diff、cat、ln；

◆ 系统管理相关命令：df、top、free、quota、at、lp、adduser、groupadd、kill、

crontab；

◆ 网络操作命令：ifconfig、ip、ping、netstat、telnet、ftp、route、rlogin、rcp、

finger、mail、 nslookup；

◆ 系统安全相关命令：passwd、su、umask、chgrp、chmod、chown、chattr、sudo ps、

who；

◆ 其它命令：tar、unzip、gunzip、unarj、mtools、man、unendcode、uudecode。

本文以Mandrake Linux 9.1(Kenrel 2.4.21)为例，介绍Linux下的安装和登录命令。

1.作用

login的作用是登录系统，它的使用权限是所有用户。

2.格式

3.主要参数

－p:通知login保持现在的环境参数。

－h:用来向远程登录的之间传输用户名。

如果选择用命令行模式登录Linux的话，那么看到的第一个Linux命令就是login：。

一般界面是这样的：

Manddrake Linux release 9.1(Bamboo) for i586

kennel 2.4.21－0.13mdk on i686 / tty1

localhost login:root

password:

上面代码中，第一行是Linux发行版本号，第二行是内核版本号和登录的虚拟控制台，我们

在第三行输入登录名，按“Enter”键在Password后输入账户密码，即可登录系统。出于安

全考虑，输入账户密码时字符不会在屏幕上回显，光标也不移动。

登录后会看到下面这个界面（以超级用户为例）：

[root@localhost root]#

last login:Tue ,Nov 18 10:00:55 on vc/1

上面显示的是登录星期、月、日、时间和使用的虚拟控制台。

4.应用技巧

Linux是一个真正的多用户操作系统，可以同时接受多个用户登录，还允许一个用户进行多

次登录。这是因为Linux和许多版本的Unix一样，提供了虚拟控制台的访问方式，允许用户

在同一时间从控制台（系统的控制台是与系统直接相连的监视器和键盘）进行多次登录。每

个虚拟控制台可以看作是一个独立的工作站，工作台之间可以切换。虚拟控制台的切换可以

通过按下Alt键和一个功能键来实现，通常使用F1-F6 。

例如，用户登录后，按一下“Alt F2”键，用户就可以看到上面出现的“login:”提示符，

说明用户看到了第二个虚拟控制台。然后只需按“Alt F1”键，就可以回到第一个虚拟控

制台。一个新安装的Linux系统允许用户使用“Alt F1”到“Alt F6”键来访问前六个虚拟

控制台。虚拟控制台最有用的是，当一个程序出错造成系统死锁时，可以切换到其它虚拟控

制台工作，关闭这个程序。

shutdown

1.作用

shutdown命令的作用是关闭计算机，它的使用权限是超级用户。

2.格式

shutdown [－h][－i][－k][－m][－t]

3.重要参数

－t：在改变到其它运行级别之前，告诉init程序多久以后关机。

－k：并不真正关机，只是送警告信号给每位登录者。

－h：关机后关闭电源。

－c：cancel current process取消目前正在执行的关机程序。所以这个选项当然没有时间

参数，但是可以输入一个用来解释的讯息，而这信息将会送到每位使用者。

－F：在重启计算机时强迫fsck。

－time：设定关机前的时间。

－m: 将系统改为单用户模式。

－i：关机时显示系统信息。

4.命令说明

shutdown命令可以安全地将系统关机。有些用户会使用直接断掉电源的方式来关闭Linux系

统，这是十分危险的。因为Linux与Windows不同，其后台运行着许多进程，所以强制关机可

能会导致进程的数据丢失，使系统处于不稳定的状态，甚至在有的系统中会损坏硬件设备（

硬盘）。在系统关机前使用 shutdown命令，系统管理员会通知所有登录的用户系统将要关

闭，并且login指令会被冻结，即新的用户不能再登录。

5.举例

shutdown -h 3:40

说明 3：40开始关机。

halt

1.作用

halt命令的作用是关闭系统，它的使用权限是超级用户。

2.格式

halt [－n] [－w] [－d] [－f] [－i] [－p]

3.主要参数说明

－n：防止sync系统调用，它用在用fsck修补根分区之后，以阻止内核用老版本的超级块覆

盖修补过的超级块。

－w：并不是真正的重启或关机,只是写wtmp（/var/log/wtmp）纪录。

－f：没有调用shutdown，而强制关机或重启。

－i：关机（或重启）前，关掉所有的网络接口。

－f：强迫关机，不呼叫shutdown这个指令。

－p: 当关机的时候顺便做关闭电源的动作。

－d：关闭系统，但不留下纪录。

4.命令说明

halt就是调用shutdown －h。halt执行时，杀死应用进程，执行sync(将存于buffer中的资

料强制写入硬盘中)系统调用，文件系统写操作完成后就会停止内核。若系统的运行级别为

0或6，则关闭系统；否则以shutdown指令（加上－h参数）来取代。

reboot

1.作用

reboot命令的作用是重新启动计算机，它的使用权限是系统管理者。

2.格式

reboot [－n] [－w] [－d] [－f] [－i]

3.主要参数

－n: 在重开机前不做将记忆体资料写回硬盘的动作。

－w: 并不会真的重开机，只是把记录写到/var/log/wtmp文件里。

－d: 不把记录写到/var/log/wtmp文件里（－n这个参数包含了－d）。

－i: 在重开机之前先把所有与网络相关的装置停止。

install

1.作用

install命令的作用是安装或升级软件或备份数据，它的使用权限是所有用户。

2.格式

(1)install [选项]... 来源目的地

(2)install [选项]... 来源... 目录

(3)install －d [选项]... 目录...

在前两种格式中，会将

install命令详解

install命令与cp命令类似，均可以将文件或目录拷贝到指定的路径；但是install命令可以控制目标文件的属性。

前三个格式会将指定的source 复制到Dest地址或者将多个source复制到已存在的目标目录，同时设定相应的权限模式或者属主，属组等信息；第四个格式会创建给定的目录路径。

复制source文件到指定的文件路径：

复制多个source文件到对应的目录路径：

vue-cli起项目步骤

一、安装 node.js

安装完成后，可以命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，就说明安装成功。

二、安装webpack

命令：npm install webpack -g

安装完成后使用webpack -v，如果出现相应的版本号，则说明安装成功。

三、安装 vue-cli

命令：npm install -g vue-cli

安装完成后，可以使用 vue -V （注意 V 大写）查看是否安装成功。

如果提示无法识别 vue，可能是 npm 版本过低，可使用 npm install -g npm 来更新版本

四、使用vue-cli来构建项目

1、在硬盘中找一个放项目的文件夹

2、在文件夹下打开命令盘，输入命令

Vue-Project是我们自己设置的项目名称，项目名称不能用中文

命令：vue init webpack Vue-Project

3、进入项目工程目录

4、安装项目所需依赖 npm install

5、安装 vue 路由模块 vue-router 和网络请求模块 vue-resource

命令：npm install vue-router vue-resource --save

创建完成的项目目录，如下图

各个目录的作用

最后一步启动项目

命令：npm run dev

启动成功，打开浏览器8080窗口，页面如图所示

关于vue create 和vue init webpack的区别？

vue create 是vue-cli3.x的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目，与cue-cli2项目结构不同，配置方法不同，具体配置方法参考官方文档网页链接。vue init 是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目，webpack是官方推荐的标准模板名。vue-cli2.x项目向3.x迁移只需要把static目录复制到public目录下，老项目的src目录覆盖3.x的src目录(如果修改了配置，可以查看文档，用cli3的方法进行配置)

或

另一种：