今天給各位分享前端項(xiàng)目啟動(dòng)前install命令的知識(shí)，其中也會(huì)對(duì)前端項(xiàng)目怎么啟動(dòng)進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問(wèn)題，別忘了關(guān)注本站，現(xiàn)在開(kāi)始吧！

本文目錄一覽：

• 1、關(guān)于linux的 install命令
• 2、install命令詳解
• 3、vue-cli起項(xiàng)目步驟
• 4、運(yùn)行前端項(xiàng)目
• 5、node.js在springboot中怎么用cmd啟動(dòng)前端
• 6、npm install詳解

關(guān)于linux的 install命令

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

錄操作、進(jìn)程管理、文件權(quán)限設(shè)定等。所以，在Linux系統(tǒng)上工作離不開(kāi)使用系統(tǒng)提供的命

令。要想真正理解Linux系統(tǒng)，就必須從Linux命令學(xué)起，通過(guò)基礎(chǔ)的命令學(xué)習(xí)可以進(jìn)一步理

解Linux系統(tǒng)。

不同Linux發(fā)行版的命令數(shù)量不一樣，但Linux發(fā)行版本最少的命令也有200多個(gè)。這里筆者

把比較重要和使用頻率最多的命令，按照它們?cè)谙到y(tǒng)中的作用分成下面六個(gè)部分一一介紹。

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

exit、last；

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

◆ 系統(tǒng)管理相關(guān)命令：df、top、free、quota、at、lp、adduser、groupadd、kill、

crontab；

◆ 網(wǎng)絡(luò)操作命令：ifconfig、ip、ping、netstat、telnet、ftp、route、rlogin、rcp、

finger、mail、 nslookup；

◆ 系統(tǒng)安全相關(guān)命令：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下的安裝和登錄命令。

login

1.作用

login的作用是登錄系統(tǒng)，它的使用權(quán)限是所有用戶。

2.格式

login [name][－p ][－h(huán) 主機(jī)名稱]

3.主要參數(shù)

－p:通知login保持現(xiàn)在的環(huán)境參數(shù)。

－h(huán):用來(lái)向遠(yuǎn)程登錄的之間傳輸用戶名。

如果選擇用命令行模式登錄Linux的話，那么看到的第一個(gè)Linux命令就是login：。

一般界面是這樣的：

Manddrake Linux release 9.1(Bamboo) for i586

kennel 2.4.21－0.13mdk on i686 / tty1

localhost login:root

password:

上面代碼中，第一行是Linux發(fā)行版本號(hào)，第二行是內(nèi)核版本號(hào)和登錄的虛擬控制臺(tái)，我們

在第三行輸入登錄名，按“Enter”鍵在Password后輸入賬戶密碼，即可登錄系統(tǒng)。出于安

全考慮，輸入賬戶密碼時(shí)字符不會(huì)在屏幕上回顯，光標(biāo)也不移動(dòng)。

登錄后會(huì)看到下面這個(gè)界面（以超級(jí)用戶為例）：

[root@localhost root]#

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

上面顯示的是登錄星期、月、日、時(shí)間和使用的虛擬控制臺(tái)。

4.應(yīng)用技巧

Linux是一個(gè)真正的多用戶操作系統(tǒng)，可以同時(shí)接受多個(gè)用戶登錄，還允許一個(gè)用戶進(jìn)行多

次登錄。這是因?yàn)長(zhǎng)inux和許多版本的Unix一樣，提供了虛擬控制臺(tái)的訪問(wèn)方式，允許用戶

在同一時(shí)間從控制臺(tái)（系統(tǒng)的控制臺(tái)是與系統(tǒng)直接相連的監(jiān)視器和鍵盤(pán)）進(jìn)行多次登錄。每

個(gè)虛擬控制臺(tái)可以看作是一個(gè)獨(dú)立的工作站，工作臺(tái)之間可以切換。虛擬控制臺(tái)的切換可以

通過(guò)按下Alt鍵和一個(gè)功能鍵來(lái)實(shí)現(xiàn)，通常使用F1-F6 。

例如，用戶登錄后，按一下“Alt F2”鍵，用戶就可以看到上面出現(xiàn)的“l(fā)ogin:”提示符，

說(shuō)明用戶看到了第二個(gè)虛擬控制臺(tái)。然后只需按“Alt F1”鍵，就可以回到第一個(gè)虛擬控

制臺(tái)。一個(gè)新安裝的Linux系統(tǒng)允許用戶使用“Alt F1”到“Alt F6”鍵來(lái)訪問(wèn)前六個(gè)虛擬

控制臺(tái)。虛擬控制臺(tái)最有用的是，當(dāng)一個(gè)程序出錯(cuò)造成系統(tǒng)死鎖時(shí)，可以切換到其它虛擬控

制臺(tái)工作，關(guān)閉這個(gè)程序。

shutdown

1.作用

shutdown命令的作用是關(guān)閉計(jì)算機(jī)，它的使用權(quán)限是超級(jí)用戶。

2.格式

shutdown [－h(huán)][－i][－k][－m][－t]

3.重要參數(shù)

－t：在改變到其它運(yùn)行級(jí)別之前，告訴init程序多久以后關(guān)機(jī)。

－k：并不真正關(guān)機(jī)，只是送警告信號(hào)給每位登錄者。

－h(huán)：關(guān)機(jī)后關(guān)閉電源。

－c：cancel current process取消目前正在執(zhí)行的關(guān)機(jī)程序。所以這個(gè)選項(xiàng)當(dāng)然沒(méi)有時(shí)間

參數(shù)，但是可以輸入一個(gè)用來(lái)解釋的訊息，而這信息將會(huì)送到每位使用者。

－F：在重啟計(jì)算機(jī)時(shí)強(qiáng)迫f(wàn)sck。

－time：設(shè)定關(guān)機(jī)前的時(shí)間。

－m: 將系統(tǒng)改為單用戶模式。

－i：關(guān)機(jī)時(shí)顯示系統(tǒng)信息。

4.命令說(shuō)明

shutdown命令可以安全地將系統(tǒng)關(guān)機(jī)。有些用戶會(huì)使用直接斷掉電源的方式來(lái)關(guān)閉Linux系

統(tǒng)，這是十分危險(xiǎn)的。因?yàn)長(zhǎng)inux與Windows不同，其后臺(tái)運(yùn)行著許多進(jìn)程，所以強(qiáng)制關(guān)機(jī)可

能會(huì)導(dǎo)致進(jìn)程的數(shù)據(jù)丟失，使系統(tǒng)處于不穩(wěn)定的狀態(tài)，甚至在有的系統(tǒng)中會(huì)損壞硬件設(shè)備（

硬盤(pán)）。在系統(tǒng)關(guān)機(jī)前使用 shutdown命令，系統(tǒng)管理員會(huì)通知所有登錄的用戶系統(tǒng)將要關(guān)

閉，并且login指令會(huì)被凍結(jié)，即新的用戶不能再登錄。

5.舉例

shutdown -h 3:40

說(shuō)明 3：40開(kāi)始關(guān)機(jī)。

halt

1.作用

halt命令的作用是關(guān)閉系統(tǒng)，它的使用權(quán)限是超級(jí)用戶。

2.格式

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

3.主要參數(shù)說(shuō)明

－n：防止sync系統(tǒng)調(diào)用，它用在用fsck修補(bǔ)根分區(qū)之后，以阻止內(nèi)核用老版本的超級(jí)塊覆

蓋修補(bǔ)過(guò)的超級(jí)塊。

－w：并不是真正的重啟或關(guān)機(jī),只是寫(xiě)wtmp（/var/log/wtmp）紀(jì)錄。

－f：沒(méi)有調(diào)用shutdown，而強(qiáng)制關(guān)機(jī)或重啟。

－i：關(guān)機(jī)（或重啟）前，關(guān)掉所有的網(wǎng)絡(luò)接口。

－f：強(qiáng)迫關(guān)機(jī)，不呼叫shutdown這個(gè)指令。

－p: 當(dāng)關(guān)機(jī)的時(shí)候順便做關(guān)閉電源的動(dòng)作。

－d：關(guān)閉系統(tǒng)，但不留下紀(jì)錄。

4.命令說(shuō)明

halt就是調(diào)用shutdown －h(huán)。halt執(zhí)行時(shí)，殺死應(yīng)用進(jìn)程，執(zhí)行sync(將存于buffer中的資

料強(qiáng)制寫(xiě)入硬盤(pán)中)系統(tǒng)調(diào)用，文件系統(tǒng)寫(xiě)操作完成后就會(huì)停止內(nèi)核。若系統(tǒng)的運(yùn)行級(jí)別為

0或6，則關(guān)閉系統(tǒng)；否則以shutdown指令（加上－h(huán)參數(shù)）來(lái)取代。

reboot

1.作用

reboot命令的作用是重新啟動(dòng)計(jì)算機(jī)，它的使用權(quán)限是系統(tǒng)管理者。

2.格式

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

3.主要參數(shù)

－n: 在重開(kāi)機(jī)前不做將記憶體資料寫(xiě)回硬盤(pán)的動(dòng)作。

－w: 并不會(huì)真的重開(kāi)機(jī)，只是把記錄寫(xiě)到/var/log/wtmp文件里。

－d: 不把記錄寫(xiě)到/var/log/wtmp文件里（－n這個(gè)參數(shù)包含了－d）。

－i: 在重開(kāi)機(jī)之前先把所有與網(wǎng)絡(luò)相關(guān)的裝置停止。

install

1.作用

install命令的作用是安裝或升級(jí)軟件或備份數(shù)據(jù)，它的使用權(quán)限是所有用戶。

2.格式

(1)install [選項(xiàng)]... 來(lái)源 目的地

(2)install [選項(xiàng)]... 來(lái)源... 目錄

(3)install －d [選項(xiàng)]... 目錄...

在前兩種格式中，會(huì)將

install命令詳解

install命令與cp命令類似，均可以將文件或目錄拷貝到指定的路徑；但是install命令可以控制目標(biāo)文件的屬性。

前三個(gè)格式會(huì)將指定的source 復(fù)制到Dest地址或者將多個(gè)source復(fù)制到已存在的目標(biāo)目錄，同時(shí)設(shè)定相應(yīng)的權(quán)限模式或者屬主，屬組等信息；第四個(gè)格式會(huì)創(chuàng)建給定的目錄路徑。

復(fù)制source文件到指定的文件路徑：

復(fù)制多個(gè)source文件到對(duì)應(yīng)的目錄路徑：

vue-cli起項(xiàng)目步驟

一、 安裝 node.js

安裝完成后，可以命令行工具中輸入?node -v?和?npm -v，如果能顯示出版本號(hào)，就說(shuō)明安裝成功。

二、安裝webpack

???????????? 命令：npm install webpack -g

???????????? 安裝完成后使用webpack -v，如果出現(xiàn)相應(yīng)的版本號(hào)，則說(shuō)明安裝成功。

三、安裝 vue-cli

???????????? 命令：npm install -g vue-cli

???????????? 安裝完成后，可以使用?vue -V?（注意 V 大寫(xiě)）查看是否安裝成功。

???????????? 如果提示無(wú)法識(shí)別 vue，可能是 npm 版本過(guò)低，可使用 npm install -g npm 來(lái)更新版本

四、使用vue-cli來(lái)構(gòu)建項(xiàng)目

1、在硬盤(pán)中找一個(gè)放項(xiàng)目的文件夾

2、在文件夾下打開(kāi)命令盤(pán)，輸入命令

Vue-Project是我們自己設(shè)置的項(xiàng)目名稱，項(xiàng)目名稱不能用中文

?????? 命令：vue init webpack Vue-Project

3、進(jìn)入項(xiàng)目工程目錄

4、安裝項(xiàng)目所需依賴??npm install

5、安裝 vue 路由模塊 vue-router 和網(wǎng)絡(luò)請(qǐng)求模塊 vue-resource

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

創(chuàng)建完成的項(xiàng)目目錄，如下圖

各個(gè)目錄的作用

最后一步啟動(dòng)項(xiàng)目

???????? 命令：npm run dev

啟動(dòng)成功，打開(kāi)瀏覽器8080窗口，頁(yè)面如圖所示

關(guān)于vue create 和vue init webpack的區(qū)別 ？

vue create 是vue-cli3.x的初始化方式，目前模板是固定的，模板選項(xiàng)可自由配置，創(chuàng)建出來(lái)的是vue-cli3的項(xiàng)目，與cue-cli2項(xiàng)目結(jié)構(gòu)不同，配置方法不同，具體配置方法參考官方文檔 網(wǎng)頁(yè)鏈接 。vue init 是vue-cli2.x的初始化方式，可以使用github上面的一些模板來(lái)初始化項(xiàng)目，webpack是官方推薦的標(biāo)準(zhǔn)模板名。vue-cli2.x項(xiàng)目向3.x遷移只需要把static目錄復(fù)制到public目錄下，老項(xiàng)目的src目錄覆蓋3.x的src目錄(如果修改了配置，可以查看文檔，用cli3的方法進(jìn)行配置)

或

另一種：

運(yùn)行前端項(xiàng)目

1、安裝nodejs

如何查看電腦是否已經(jīng)安裝nodejs：

打開(kāi)命令行：輸入node-enter鍵-輸入 function testW(){return "node"};testW()-enter鍵

如果出現(xiàn)！

如何查看npm的版本號(hào)：

打開(kāi)命令行：輸入npm -v-enter鍵

可以查看npm的版本號(hào)

2、在需要運(yùn)行的項(xiàng)目目錄cmd輸入npm i

如果出現(xiàn)!

node.js在springboot中怎么用cmd啟動(dòng)前端

第一步:打開(kāi)小黑窗、找到前端項(xiàng)目對(duì)應(yīng)的路徑、node項(xiàng)目都有個(gè)package.json、即是項(xiàng)目的配置文件 如: e:\IdeaWorkSpaces\SpringBootWeChatFoot\ vuejs-project

第二步:先看有沒(méi)node_modules、沒(méi)的話、就執(zhí)行npm install命令

第三步:運(yùn)行服務(wù)的話、執(zhí)行npm run dev(dev可自定義可在package.json中修改)

第四步:如果需要單獨(dú)引入單個(gè)包、就是npm install 包名

查看更多

npm install詳解

（1）將安裝包放在 ./node_modules 下（運(yùn)行 npm 命令時(shí)所在的目錄），如果沒(méi)有 node_modules 目錄，會(huì)在當(dāng)前執(zhí)行 npm 命令的目錄下生成 node_modules 目錄。

（2）可以通過(guò) require() 來(lái)引入本地安裝的包。

(1) 將安裝包放在 /usr/local 下或者你 node 的安裝目錄。

(2)可以直接在命令行里使用。

(1)會(huì)把msbuild包安裝到node_modules目錄中

(2)會(huì)在package.json的dependencies屬性下添加msbuild

(3)之后運(yùn)行npm install命令時(shí)，會(huì)自動(dòng)安裝msbuild到node_modules目錄中

(4)之后運(yùn)行npm install --production或者注明NODE_ENV變量值為production時(shí)，會(huì)自動(dòng)安裝msbuild到node_modules目錄中( 也就是說(shuō)：把項(xiàng)目安裝在生產(chǎn)環(huán)境下，在運(yùn)行生產(chǎn)環(huán)境下，進(jìn)行安裝 )

(1)會(huì)把msbuild包安裝到node_modules目錄中

(2)會(huì)在package.json的devDependencies屬性下添加msbuild

(3)之后運(yùn)行npm install命令時(shí)，會(huì)自動(dòng)安裝msbuild到node_modules目錄中

(4)之后運(yùn)行npm install --production或者注明NODE_ENV變量值為production時(shí)，不會(huì)自動(dòng)安裝msbuild到node_modules目錄中( 也就是說(shuō)：把項(xiàng)目安裝在開(kāi)發(fā)環(huán)境下，在運(yùn)行生產(chǎn)環(huán)境下，不進(jìn)行安裝 )

前端項(xiàng)目啟動(dòng)前install命令的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于前端項(xiàng)目怎么啟動(dòng)、前端項(xiàng)目啟動(dòng)前install命令的信息別忘了在本站進(jìn)行查找喔。