国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

利用VSCode創(chuàng)建前端vue項(xiàng)目,詳細(xì)步驟

這篇具有很好參考價(jià)值的文章主要介紹了利用VSCode創(chuàng)建前端vue項(xiàng)目,詳細(xì)步驟。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

利用VScode創(chuàng)建vue項(xiàng)目,詳細(xì)步驟

1.先創(chuàng)建項(xiàng)目需要放置的文件夾,打開VSCode

vscode寫web前端,vscode,vue.js,前端框架,前端,chrome

2.輸入終端指令:vue create wms-web,回車即可創(chuàng)建

vscode寫web前端,vscode,vue.js,前端框架,前端,chrome

3.跳出vue版本選擇,根據(jù)需要選擇版本,這里選擇vue2,然后回車

vscode寫web前端,vscode,vue.js,前端框架,前端,chrome

4.等待創(chuàng)建完成…

vscode寫web前端,vscode,vue.js,前端框架,前端,chrome

5.創(chuàng)建成功后,最后顯示兩行命令:cd wms-web,npm run serve

vscode寫web前端,vscode,vue.js,前端框架,前端,chrome

6.根據(jù)命令輸入cd wms-web,進(jìn)入wms-web項(xiàng)目,輸入npm run serve回車后即可啟動(dòng)運(yùn)行項(xiàng)目

vscode寫web前端,vscode,vue.js,前端框架,前端,chrome

7.項(xiàng)目啟動(dòng)后會(huì)出現(xiàn)http://localhost:8080/,http://192.168.43.81:8080/,復(fù)制其中一個(gè)到瀏覽器,即可看到項(xiàng)目界面,這里打開谷歌瀏覽器查看

vscode寫web前端,vscode,vue.js,前端框架,前端,chrome
vscode寫web前端,vscode,vue.js,前端框架,前端,chrome
到這里,整個(gè)項(xiàng)目就創(chuàng)建并成功運(yùn)行了文章來源地址http://www.zghlxwxcb.cn/news/detail-851326.html

到了這里,關(guān)于利用VSCode創(chuàng)建前端vue項(xiàng)目,詳細(xì)步驟的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • vscode創(chuàng)建vue項(xiàng)目

    vscode創(chuàng)建vue項(xiàng)目

    2024年02月10日
    瀏覽(21)
  • vscode創(chuàng)建vue項(xiàng)目的方法

    方法一? 使用Vue CLI創(chuàng)建項(xiàng)目。 首先,全局安裝Vue CLI,在終端或命令提示符中輸入以下命令:`npm install -g @vue/cli`。 然后,創(chuàng)建項(xiàng)目,在終端或命令提示符中進(jìn)入您想要?jiǎng)?chuàng)建項(xiàng)目的目錄,并運(yùn)行以下命令: `vue create [項(xiàng)目名稱]`。您可以選擇手動(dòng)配置項(xiàng)目或使用默認(rèn)配置。

    2024年02月19日
    瀏覽(25)
  • 使用VSCode創(chuàng)建一個(gè)Vue項(xiàng)目

    使用VSCode創(chuàng)建一個(gè)Vue項(xiàng)目

    1. 下載 Node.js 官網(wǎng)地址:Node.js ,選擇長期維護(hù)版下載。 安裝時(shí)可以自己選擇安裝位置,然后一直選擇 next 即可。安裝完成后,打開命令行窗口,輸入 node -v , 出現(xiàn)了版本號(hào)信息就表示已經(jīng)成功安裝。 配置環(huán)境變量:node.js會(huì)在系統(tǒng)變量Path里自動(dòng)配置好: 2. 安裝 npm 由于NPM的

    2024年02月06日
    瀏覽(25)
  • 利用vscode--sftp,將本地項(xiàng)目/文件上傳到遠(yuǎn)程服務(wù)器中詳細(xì)教程

    利用vscode--sftp,將本地項(xiàng)目/文件上傳到遠(yuǎn)程服務(wù)器中詳細(xì)教程

    1、首先在 vscode 中下載? sftp : 2、然后在 vscode 中打開本地將要上傳的項(xiàng)目或文件: ?3、安裝完后,使用快捷鍵? ctrl+shift+P ?打開指令窗口,輸入? sftp:config ?,回車,在當(dāng)前目錄中會(huì)自動(dòng)生成? .vscode ?文件夾及? sftp.json host:工作站的IP地址 port:ssh的端口 username:工作站自

    2024年02月15日
    瀏覽(21)
  • 通過Vscode 簡單創(chuàng)建一個(gè)vue3+element的項(xiàng)目

    通過Vscode 簡單創(chuàng)建一個(gè)vue3+element的項(xiàng)目

    確保你安裝了最新版本的?Node.js,并且你的當(dāng)前工作目錄正是打算創(chuàng)建項(xiàng)目的目錄。在命令行中運(yùn)行以下命令 輸入構(gòu)建項(xiàng)目命令,個(gè)人推薦如果有cnpm使用cnpm 創(chuàng)建成功之后 完整引入 在 main.js 中寫入以下內(nèi)容: 以上代碼便完成了 Element 的引入。需要注意的是,樣式文件需要單

    2024年02月02日
    瀏覽(50)
  • Vue創(chuàng)建項(xiàng)目的詳細(xì)步驟

    Vue創(chuàng)建項(xiàng)目的詳細(xì)步驟

    1、本例環(huán)境 node.js: v16.14.0 npm:8.3.1 vue:@vue/cli 5.0.1 2、node.js環(huán)境安裝與測試 由于vue的安裝與創(chuàng)建依賴node.js(JavaScript的運(yùn)行環(huán)境)里的npm(包管理和分發(fā)工具),因此需要先確保安裝node.js。 下載地址:Node.js (nodejs.org) 下載完成安裝之后,檢測一下,查看是否安裝成功。 檢測

    2024年02月01日
    瀏覽(24)
  • vue的第2篇 開發(fā)環(huán)境vscode的安裝以及創(chuàng)建項(xiàng)目空間

    vue的第2篇 開發(fā)環(huán)境vscode的安裝以及創(chuàng)建項(xiàng)目空間

    1.下載地址:Visual Studio Code - Code Editing. Redefined 2.進(jìn)行安裝 1.2.1 vscode的中文插件安裝 1.在搜索框輸入“chinese” 2.安裝完成重啟,如下變成中文? 1.2.2?修改工作區(qū)的顏色 ?選中[淺色] 1.2.3?vscode的live server插件安裝 1.2.4?vscode的vetur插件安裝 1.2.5?vscode的vue-helper插件安裝 1.在idea中

    2024年02月09日
    瀏覽(24)
  • Vue.js安裝與創(chuàng)建默認(rèn)項(xiàng)目(詳細(xì)步驟)

    Vue.js安裝與創(chuàng)建默認(rèn)項(xiàng)目(詳細(xì)步驟)

    前言 上一篇博文已經(jīng)對(duì)Node.js的安裝與配置進(jìn)行了詳細(xì)介紹,詳見https://blog.csdn.net/qq_42006801/article/details/124830995 另外:文中項(xiàng)目存放的路徑及項(xiàng)目名稱可根據(jù)自身實(shí)際情況進(jìn)行更改。 ? ? ? ? Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架。與其它大型框架不同的是,V

    2024年02月02日
    瀏覽(26)
  • 基于vscode實(shí)現(xiàn)vue3項(xiàng)目創(chuàng)建啟動(dòng)+安裝配置路由vue-router實(shí)現(xiàn)單頁面組件切換

    基于vscode實(shí)現(xiàn)vue3項(xiàng)目創(chuàng)建啟動(dòng)+安裝配置路由vue-router實(shí)現(xiàn)單頁面組件切換

    訪問https://nodejs.org/en,點(diǎn)擊下載最新版本的nodejs,并安裝。 在項(xiàng)目目錄文件下,通過cmd運(yùn)行下述指令。 依次輸入下列命令,啟動(dòng)vue項(xiàng)目 在瀏覽器中加載http://localhost:5173/,頁面加載成功,說明vue項(xiàng)目安裝啟動(dòng)成功。 建議安裝第三方庫通過vscode中的終端來操作,項(xiàng)目啟動(dòng)通過

    2024年02月03日
    瀏覽(97)
  • Vue :在 VSCode 中安裝 yarn 并用 yarn 工具來控制 Vue 項(xiàng)目的詳細(xì)過程

    Vue :在 VSCode 中安裝 yarn 并用 yarn 工具來控制 Vue 項(xiàng)目的詳細(xì)過程

    1、什么是 yarn 工具: Yarn 是 facebook 發(fā)布的一款取代 npm 的資源包管理工具,是一個(gè)快速、可靠、安全的依賴管理工具,一款新的 JavaScript 資源包管理工具(吐槽下:最大的弊端是,要通過 npm 來安裝); 2、 yarn 對(duì)比 npm 工具的優(yōu)點(diǎn): 其一、 npm 方面: A、 npm install 很慢: 特別是

    2024年02月12日
    瀏覽(14)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包