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

vite創(chuàng)建vue3項目

這篇具有很好參考價值的文章主要介紹了vite創(chuàng)建vue3項目。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

vite創(chuàng)建vue3項目

方式一(推薦) 腳手架快速創(chuàng)建,勾選依賴的方式

這種方式創(chuàng)建的項目最快捷,因為基本依賴都裝好了

npm init vue@latest

vite創(chuàng)建vue3項目

方式二 使用官方模板創(chuàng)建vue3項目

這種方式會基于模板創(chuàng)建項目,對于官方模板vue-ts,只帶有基礎(chǔ)的vue和ts,不帶有vue-router、pinia等

npm init vite@latest -- --template vue-ts

以上命令中,"vue-ts"是模板名稱

或者使用以下命令然后勾選模板來創(chuàng)建項目

npm init vite@latest

vite創(chuàng)建vue3項目

方式三(不推薦) 創(chuàng)建空項目,手動加依賴

這種方式創(chuàng)建的項目甚至連vite.config.ts都沒有,如果你善于DIY,可以使用這個
輸入以下命令然后勾選第一項Vanilla文章來源地址http://www.zghlxwxcb.cn/news/detail-453996.html

npm init vite@latest

到了這里,關(guān)于vite創(chuàng)建vue3項目的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

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

相關(guān)文章

  • Vue3 腳手架搭建項目詳細過程

    Vue3 腳手架搭建項目詳細過程

    如果之前安裝了2.0的腳手架,要先卸載掉,輸入:npm uninstall vue-cli -g 進行全局卸載 然后重新安裝:npm install @vue/cli -g 由于 git bash 來執(zhí)行命令的時候無法使用鍵盤上下鍵來進行選項選擇,所以我們要使用? cmd / powershell,這里使用 cmd 1.vue create + 項目名稱 ?2.模板選擇,通過鍵

    2024年02月06日
    瀏覽(90)
  • 使用vue-cli腳手架創(chuàng)建vue項目

    0.vue cli安裝 vue cli2安裝 vue cli2卸載 vue cli3安裝 key通過命令查看當(dāng)前安裝的vue cli的版本 1. vue init vue init 是vue-cli2.x的初始化方式,可以使用github上面的一些模板來初始化項目 webpack是官方推薦的標(biāo)準(zhǔn)模板名。 vue-cli2.x項目向3.x遷移只需要把static目錄復(fù)制到public目錄下,老項目的

    2024年02月11日
    瀏覽(20)
  • 創(chuàng)建一個vue2的腳手架項目(超詳細)

    創(chuàng)建一個vue2的腳手架項目(超詳細)

    0.前言 在用npm安裝vue腳手架之前需要安裝node,前面博客有詳細安裝過程,請讀者安裝node之后再進行腳手架的安裝 1 npm vue2的安裝腳手架 2.創(chuàng)建vue2腳手架項目 3.開啟服務(wù)器 4.在瀏覽器中輸入端口地址 5.項目目錄介紹

    2024年02月11日
    瀏覽(96)
  • 關(guān)于基于vue-cli腳手架創(chuàng)建vue項目(圖文版)

    關(guān)于基于vue-cli腳手架創(chuàng)建vue項目(圖文版)

    目錄 一.vue-cli腳手架·概述(來源于官方文檔) 二.創(chuàng)建流程 2.1 首先安裝node.js,如未安裝請移步到:安裝node.js 2.2 安裝腳手架vue-cli 2.2.1 使用npm install -g @vue/cli命令 ?2.2.1 使用vue -V 查看版本并檢驗是否安裝成功 ?2.3 安裝vue項目 2.3.1 使用命令 vue create 項目名 ?編輯?2.3.2 這里

    2024年02月07日
    瀏覽(291)
  • vue-cli 腳手架創(chuàng)建uniapp項目(微信小程序)

    vue-cli 腳手架創(chuàng)建uniapp項目(微信小程序)

    1、全局安裝 vue-cli 腳手架(不建議用 5.0 版本,避免報錯) 2、腳手架創(chuàng)建項目 3、選擇 默認(rèn)模板 即可 4、編譯并啟動項目 ?5、開發(fā)者工具,導(dǎo)入項目,注意路徑 \\\"項目地址/dist/dev/mp-weixin\\\" 開發(fā)的規(guī)范 不能直接在開發(fā)者工具中修改代碼,口訣:vscode做開發(fā),開發(fā)者工具做調(diào)試

    2024年02月09日
    瀏覽(87)
  • Mac OS安裝Vue CLI腳手架并創(chuàng)建一個基礎(chǔ)項目教程

    Mac OS安裝Vue CLI腳手架并創(chuàng)建一個基礎(chǔ)項目教程

    前后端分離 可以大大地提高開發(fā)效率,主流的解決方案為 Vue.js+SpringBoot ,這里主要介紹 Vue在Mac端的入門教程 。軟硬件環(huán)境為Macbook Air M2+macOS Vantura 13.4.1。 Vue (發(fā)音為 /vju?/,類似 view) 是一款用于 構(gòu)建用戶界面 的 JavaScript 框架,是官方提供的 基于 Webpack 的 Vue 工具鏈 。它基

    2024年02月04日
    瀏覽(294)
  • Vue學(xué)習(xí)計劃-Vue2--VueCLi(二)vuecli腳手架創(chuàng)建的項目內(nèi)部主要文件分析

    Vue學(xué)習(xí)計劃-Vue2--VueCLi(二)vuecli腳手架創(chuàng)建的項目內(nèi)部主要文件分析

    1. 補充: 什么叫單文件組件? 一個文件中只有一個組件 vue-cli 創(chuàng)建的項目中, .vue 的文件都是單文件組件,例如 App.vue 2. 進入分析 1. package.json : 項目依賴配置文件: 如圖,我們說主要的屬性: name : 項目的名稱 version : 項目版本 scripts : 腳本入口 serve : 啟動項目命令 build :

    2024年02月04日
    瀏覽(33)
  • vue腳手架創(chuàng)建項目:賬號登錄(利用element-ui快速開發(fā))(取消eslint強制格式)(修改端口號)

    vue腳手架創(chuàng)建項目:賬號登錄(利用element-ui快速開發(fā))(取消eslint強制格式)(修改端口號)

    新手看不懂,老手不用看系列 創(chuàng)建好項目以后,可以利用idea等工具打開項目。 file - open 然后選擇創(chuàng)建好項目文件夾,信任該項目 然后打開 .vue 后綴的文件需要下載一個插件 就是把eslint這個相關(guān)的配置刪除掉(注意保持JSON格式) 點 terminal 打開命令行輸入 npm install element-u

    2024年04月28日
    瀏覽(32)
  • 【Vue2+3入門到實戰(zhàn)】(17)VUE之VueCli腳手架自定認(rèn)創(chuàng)建項目、ESlint代碼規(guī)范與修復(fù)、 ESlint自動修正插件的使用 詳細示例

    【Vue2+3入門到實戰(zhàn)】(17)VUE之VueCli腳手架自定認(rèn)創(chuàng)建項目、ESlint代碼規(guī)范與修復(fù)、 ESlint自動修正插件的使用 詳細示例

    VueCli腳手架自定認(rèn)創(chuàng)建項目 ESlint代碼規(guī)范與修復(fù) ESlint自動修正插件 1.安裝腳手架 (已安裝) 2.創(chuàng)建項目 選項 手動選擇功能 選擇vue的版本 是否使用history模式 選擇css預(yù)處理 選擇eslint的風(fēng)格 (eslint 代碼規(guī)范的檢驗工具,檢驗代碼是否符合規(guī)范) 比如:const age = 18; = 報錯!多加

    2024年02月03日
    瀏覽(121)
  • Vue3腳手架筆記

    Vue模板語法有2大類 : 1.插值語法: 功能:用于解析標(biāo)簽體內(nèi)容。 寫法:{{xxx}},xxx是js表達式,且可以直接讀取到data中的所有屬性。 ** 2.指令語法:** 功能:用于解析標(biāo)簽(包括:標(biāo)簽屬性、標(biāo)簽體內(nèi)容、綁定事件…)。 舉例:v-bind:href=“xxx” 或 簡寫為 :href=“xxx”,xxx同

    2024年01月24日
    瀏覽(24)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包