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

vue-create 創(chuàng)建 VUE3項(xiàng)目-創(chuàng)建

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

1.創(chuàng)建文件夾右鍵點(diǎn)擊打開(kāi)終端或目錄cmdvue create,Vue3,前端,vue.js,javascript

?2.輸入命令 vue create (這里跟的是項(xiàng)目的名稱 不能為關(guān)鍵字或帶中文)vue create,Vue3,前端,vue.js,javascript

?3.選中第三個(gè)類別自定義創(chuàng)建項(xiàng)目? ? ? ? ? ? ? //? ?或者選擇第一個(gè)快捷創(chuàng)建VUE3 進(jìn)入第12步

vue create,Vue3,前端,vue.js,javascript

4.我們可以按上下鍵,然后按空格鍵選中需要的選項(xiàng),最后按回車鍵進(jìn)入下一步

vue create,Vue3,前端,vue.js,javascript

( ) Babel //轉(zhuǎn)碼器,可以將ES6代碼轉(zhuǎn)為ES5代碼,從而在現(xiàn)有環(huán)境執(zhí)行。
( ) TypeScript// TypeScript是一個(gè)JavaScript(后綴.js)的超集(后綴.ts)包含并擴(kuò)展了 JavaScript 的語(yǔ)法,需要被編譯輸出為 JavaScript在瀏覽器運(yùn)行
( ) Progressive Web App (PWA) Support// 漸進(jìn)式Web應(yīng)用程序
( ) Router // vue-router(vue路由)
( ) Vuex // vuex(vue的狀態(tài)管理模式)
( ) CSS Pre-processors // CSS 預(yù)處理器(如:less、sass)
( ) Linter / Formatter // 代碼風(fēng)格檢查和格式化(如:ESlint)(嚴(yán)格模式)
( ) Unit Testing // 單元測(cè)試(unit tests)
( ) E2E Testing // e2e(end to end) 測(cè)試

5.選擇要?jiǎng)?chuàng)建的vue的版本,我們選3.x

vue create,Vue3,前端,vue.js,javascript

?6.是否使用history路由模式(不帶#號(hào)的),輸入 Y

vue create,Vue3,前端,vue.js,javascript

?7.選擇css 模式,我們選擇dart-sass

vue create,Vue3,前端,vue.js,javascript

?8.代碼驗(yàn)證模式,選擇第一個(gè)

vue create,Vue3,前端,vue.js,javascript

?9.熱更新模式,選擇 Lint on save? ? ? 保存的時(shí)候就熱更新

vue create,Vue3,前端,vue.js,javascript

?10.選中插件配置文件是否獨(dú)立 選擇?In dedicated config files

In dedicated config files:?jiǎn)为?dú)生成專門(mén)的文件來(lái)保存插件的配置代碼
In package.json:在package.json文件中保存插件的配置代碼

vue create,Vue3,前端,vue.js,javascript

?11.預(yù)設(shè)路徑(選項(xiàng))是否保存? ?這里我們選擇N。

?????????如果你選中Y,剛剛的所有步驟默認(rèn)保存起來(lái),輸入一個(gè)名字,下一次進(jìn)來(lái)這個(gè)名字就可以直接選

vue create,Vue3,前端,vue.js,javascript

12.? ?創(chuàng)建成功后顯示如下兩個(gè)命令

vue create,Vue3,前端,vue.js,javascript

?13.依次輸入這兩個(gè)命令?

? ? ? ? ?cd project-vue3? 這行命令代表切換到該項(xiàng)目的根目錄

? ? ? ? ?npm run serve 表示啟動(dòng)該項(xiàng)目

vue create,Vue3,前端,vue.js,javascript

?14.成功后返回鏈接 按住Ctrl 并點(diǎn)擊鼠標(biāo)左鍵訪問(wèn)

vue create,Vue3,前端,vue.js,javascript

?最后為成功的頁(yè)面

? ??vue create,Vue3,前端,vue.js,javascript文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-768668.html

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

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(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)文章

  • 【Vue3】如何創(chuàng)建Vue3項(xiàng)目及組合式API

    【Vue3】如何創(chuàng)建Vue3項(xiàng)目及組合式API

    文章目錄 前言 一、如何創(chuàng)建vue3項(xiàng)目? ①使用 vue-cli 創(chuàng)建 ?②使用可視化ui創(chuàng)建 ?③npm init vite-app? ?④npm init vue@latest 二、 API 風(fēng)格 2.1 選項(xiàng)式 API (Options API) 2.2 組合式 API (Composition API) 總結(jié) 例如:隨著前端領(lǐng)域的不斷發(fā)展,vue3學(xué)習(xí)這門(mén)技術(shù)也越來(lái)越重要,很多人都開(kāi)啟了學(xué)習(xí)

    2024年02月03日
    瀏覽(14)
  • Vue3 項(xiàng)目創(chuàng)建

    Vue3 項(xiàng)目創(chuàng)建

    1、安裝node vue 3需要node10以上版本 node官網(wǎng)下載地址以往的版本 | Node.js 2、安裝vue/cli 如果已經(jīng)全局安裝過(guò)舊版本的vue-cli 然后安裝 為什么要先卸載vue-cli,在安裝vue/cli 如果是安裝vue3以下版本的腳手架,命令npm install -g vue-cli@版本號(hào) 如果是安裝3以上版本的腳手架,命令npm ins

    2023年04月09日
    瀏覽(28)
  • vue3項(xiàng)目創(chuàng)建

    vue3項(xiàng)目創(chuàng)建

    安裝node.js vue?? --version? (4.5.0以上) npm install -g @vue/cli vue create 項(xiàng)目名稱 npm run dev 啟動(dòng) npm run build 打包 ———————— vite 創(chuàng)建工程 npm create vue@latest npm i npm run dev 啟動(dòng) npm run build 打包 ===================== 項(xiàng)目結(jié)構(gòu) .vscode extensions.json? 插件 node-modules 依賴 public 頁(yè)簽圖標(biāo) 根

    2024年02月03日
    瀏覽(24)
  • 如何創(chuàng)建vue2,vue3項(xiàng)目

    如何創(chuàng)建vue2,vue3項(xiàng)目

    前提需安裝node.js和Vue CLI node.js:https://nodejs.org/zh-cn Vue CLI: 如何創(chuàng)建一個(gè)vue2項(xiàng)目 (1) 使用cmd終端直接創(chuàng)建 進(jìn)入到vue項(xiàng)目所創(chuàng)建的目錄里(我是直接創(chuàng)建在桌面上) ?選擇vue2 創(chuàng)建項(xiàng)目 完成,發(fā)現(xiàn)npm run serve運(yùn)行后會(huì)報(bào)錯(cuò) 出現(xiàn) Conflict: Multiple assets emit different content to the same f

    2024年02月16日
    瀏覽(27)
  • vite創(chuàng)建vue3項(xiàng)目

    vite創(chuàng)建vue3項(xiàng)目

    這種方式創(chuàng)建的項(xiàng)目最快捷,因?yàn)榛疽蕾嚩佳b好了 這種方式會(huì)基于模板創(chuàng)建項(xiàng)目,對(duì)于官方模板vue-ts,只帶有基礎(chǔ)的vue和ts,不帶有vue-router、pinia等 以上命令中,\\\"vue-ts\\\"是模板名稱 或者使用以下命令然后勾選模板來(lái)創(chuàng)建項(xiàng)目 這種方式創(chuàng)建的項(xiàng)目甚至連vite.config.ts都沒(méi)有,如

    2024年02月05日
    瀏覽(27)
  • 創(chuàng)建Springboot+vue3項(xiàng)目

    創(chuàng)建Springboot+vue3項(xiàng)目

    后端:Springboot、mybatis-plus、java 前端:nodejs、vue腳手架、element-ui 數(shù)據(jù)庫(kù):mysql 創(chuàng)建springboot項(xiàng)目有兩種方式,一種是使用maven創(chuàng)建,一種是使用Spring initializr創(chuàng)建 如果是maven創(chuàng)建,我們需要手動(dòng)配置項(xiàng)目的依賴和目錄結(jié)構(gòu),手動(dòng)管理依賴的版本 如果是spring initializr創(chuàng)建,可以選

    2024年02月13日
    瀏覽(30)
  • Vue3.X 創(chuàng)建簡(jiǎn)單項(xiàng)目

    Vue3.X 創(chuàng)建簡(jiǎn)單項(xiàng)目

    首先,我們要確保我們安裝了構(gòu)建vue框架的環(huán)境,不會(huì)安裝的請(qǐng)自行百度,有很多安裝教程。 檢查環(huán)境 ?這些環(huán)境都安裝了之后就可以進(jìn)行vue項(xiàng)目的搭建了。 ?進(jìn)入你要?jiǎng)?chuàng)建vue項(xiàng)目的目錄下進(jìn)行項(xiàng)目創(chuàng)建,輸入: vue create “項(xiàng)目名稱”, 例: 選擇 Manually select? features? 選項(xiàng)

    2024年02月12日
    瀏覽(18)
  • 前端常用 Vue3 項(xiàng)目組件大全

    Vue.js 是一種流行的 JavaScript 前端框架,它簡(jiǎn)化了構(gòu)建交互式的用戶界面的過(guò)程。Vue3 是 Vue.js 的最新版本,引入了許多新的特性和改進(jìn)。在 Vue3 中,組件是構(gòu)建應(yīng)用程序的核心部分,它們可以重用、組合和嵌套。下面是一些前端開(kāi)發(fā)中常用的 Vue3 項(xiàng)目組件。 1、Vue Router: Vue

    2024年02月10日
    瀏覽(24)
  • 從頭開(kāi)始創(chuàng)建一個(gè)vue3.0項(xiàng)目

    vue3新變化 首次渲染更快,diff算法更快,內(nèi)存占用更少,打包體積更小 更好的Ts語(yǔ)法支持 Composition API 破壞語(yǔ)法的更新 移除了$on方法 移除過(guò)濾器選項(xiàng)(插值表達(dá)式不能夠再使用過(guò)濾器filter) 移除.sync(v-bind不能使用.sync修飾符) Vue3.0相關(guān)網(wǎng)址鏈接? Vue3.0官方地址 Vite 官網(wǎng)地址

    2023年04月26日
    瀏覽(21)
  • vue3創(chuàng)建項(xiàng)目,vite+js

    vue3創(chuàng)建項(xiàng)目,vite+js

    之前的時(shí)候大哥就讓我自己搭架子,但是我拖延癥,現(xiàn)在用到了,得自己搭了 我的項(xiàng)目都放到了 VuePorjects這個(gè)目錄里面, 一、先進(jìn)入到指定工作目錄,(不是你要?jiǎng)?chuàng)建的項(xiàng)目的名稱哈) 二、創(chuàng)建vue3項(xiàng)目,安裝創(chuàng)建項(xiàng)目 ?@latest是項(xiàng)目名稱,可以自己修改項(xiàng)目名稱,然后選擇

    2024年02月16日
    瀏覽(27)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包