web開發通常都會涉及一些環境配置,我上兩篇寫的是後端環境的配置,下面我想介紹一下前端環境的配置。希望能為小白提供幫助。
相關建議:
1.《windows伺服器apache、php、postgresql的環境安裝》
2.《MAC環境安裝php、apache、MacPorts等環境設定》
##一、node 安裝設定
#1.下載node的安裝版本:https://nodejs.org/en/download/ 直接「下一步」就可以了,
Make sure that /usr/local/bin is in your $PATH.
node - . # 3)如果安裝版本是舊的版本可以使用npm指令升級:
代替npm (可選)
原因:npm 安裝一些依賴的時候走的是國外的一些網站 cnpm可以節省安裝的時間,具體的可以到網上查看,但是沒有必要,只知道速度快就好了
安裝語法:
$sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
如果本地有專案想運行起來,就切換到專案目錄下執行以下指令,否則先執行【Vue安裝配置】:<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">(1)$sudo npm install
(2) $sudo npm run dev #注意每次都要运行这行命令</pre><div class="contentsignin">登入後複製</div></div>
1.透過nmp 安裝vue-cli腳手架[Vue鷹架工具就是一個快速產生Vue專案結構的命令列工具] :
$sudo npm install -g vue-cli
測試是否安裝成功:vue 不報錯,沒有
not command found等字樣就可以了[安裝成功後可以使用vue -V命令檢測是否安裝成功,安裝成功則會顯示出當前安裝的腳手架的版本號]
2. 創建vue的項目,需要使用webpack
$sudo vue init webpack qing #如我的项目名qing
裡面會確認一些東西如project name項目名什麼的,根據項目來確定“yes” “no” 例如下面:? Project name yes
? Project description yes
? Author yes
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes
? Should we run `npm install` for you after the project has been created? (recom
mended) npm
vue-cli · Generated "qing".
cd qing #如我的项目名qing
4. 安裝依賴:
如果已經安裝cnpm 使用:<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">$sudo cnpm install</pre><div class="contentsignin">登入後複製</div></div>
如果沒有安裝使用:
$sudo npm install
安裝成功後如下列提示:
up to date, audited 1854 packages in 39s 59 packages are looking for funding run `npm fund` for details 65 vulnerabilities (27 low, 19 moderate, 18 high, 1 critical) To address issues that do not require attention, run: npm audit fix To address all issues (including breaking changes), run: npm audit fix --force Run `npm audit` for details.
5. 全部安裝好之後就可以運行了,
注意每次運行之前,最好都使用命令啟動一次
$sudo npm run dev
這是我整理的筆記,這個雖然看起來很簡單,但是我第一次安裝時出了很多問題。網路有部分原因。有的命令執行需要翻牆。
以上是MAC環境下安裝node、vue等環境配置的詳細內容。更多資訊請關注PHP中文網其他相關文章!