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

利用Vue命令行快速創(chuàng)建項目案例

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

今天特意寫了一篇關(guān)于如何利用Vue命令行快速創(chuàng)建項目案例,希望對大家有幫助,首先需要環(huán)境要求:安裝有?Node.js、?vue、?vue-cli?

安裝有 Node.js、 vue、 vue-cli (node下載地址: https://nodejs.org/en/),打開cmd,查看nodejs版本和npm版本,在命令行中輸入:
node -v //node版本
npm -v //npm版本
12
npm更新到最新的版本
npm install -g npm //更新至最新版
1
下載淘寶鏡像,可加快下載速度
npm install -g cnpm --registry=https://registry.npm.taobao.org
1
再輸入cnpm -v出現(xiàn)版本號
cnpm -v //cnpm版本
1
安裝vue-cli
cnpm install -g vue-cli
1
查看 vue -V 是否可以執(zhí)行(此處V是大寫)
vue -V //查看vue版本
1
如果顯示vue不是內(nèi)部或外部命令,那么配置系統(tǒng)環(huán)境變量,首先在計算機(jī)中全局搜索 vue.cmd,將vue.cmd的路徑加入Path環(huán)境變量中即可,繼續(xù)測試輸入vue -V 進(jìn)入要創(chuàng)建項目的目錄,我是創(chuàng)建在桌面,在桌面執(zhí)行命令行:例如:進(jìn)口氣動球閥
vue init webpack vue //后面vue為自定義項目名稱
1
進(jìn)入項目,下載依賴:
npm install //安裝依賴
1
運(yùn)行項目
npm run dev //運(yùn)行1

實(shí)戰(zhàn)演示

1.查看環(huán)境

利用Vue命令行快速創(chuàng)建項目案例

2.創(chuàng)建項目

利用Vue命令行快速創(chuàng)建項目案例

?

從圖片可以看到Vue cli的版本;

3.各種創(chuàng)建項目的細(xì)節(jié)

利用Vue命令行快速創(chuàng)建項目案例

?

4.創(chuàng)建完成項目后,進(jìn)入項目跟目錄執(zhí)行npm install下載一下依賴

利用Vue命令行快速創(chuàng)建項目案例

?

5.執(zhí)行項目

利用Vue命令行快速創(chuàng)建項目案例

?

然后訪問http://localhost:8081/

?

項目創(chuàng)建成功;

利用Vue命令行快速創(chuàng)建項目案例利用Vue命令行快速創(chuàng)建項目案例文章來源地址http://www.zghlxwxcb.cn/news/detail-807371.html

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

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

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

相關(guān)文章

  • pnpm快速創(chuàng)建 Vue.js 項目(npm類似)

    pnpm快速創(chuàng)建 Vue.js 項目(npm類似)

    目錄 pnpm 創(chuàng)建一個 Vue.js 項目 前提準(zhǔn)備: 運(yùn)行創(chuàng)建命令: 選擇項目配置:(按需選擇) cd +項目名:(進(jìn)入項目終端) 安裝項目依賴: 運(yùn)行項目: 前提準(zhǔn)備: 確保已安裝 pnpm。如果沒有,請運(yùn)行以全局安裝 pnpm。 npm install -g pnpm 打開終端并導(dǎo)航到要在其中創(chuàng)建項目的目錄。

    2024年02月10日
    瀏覽(47)
  • 日常BUG——通過命令行創(chuàng)建vue項目報錯

    日常BUG——通過命令行創(chuàng)建vue項目報錯

    ?? 作 ? ??????? 者 :是江迪呀 ?? 本文 : 日常BUG 、 BUG 、 問題分析 ?? 每日?? 一言 : 存在錯誤說明你在進(jìn)步! 在使用 vue命令行 創(chuàng)建一個 vue 項目時,出現(xiàn)一下的錯誤: 這個錯誤是由于 Windows PowerShell 的執(zhí)行策略限制導(dǎo)致的,它默認(rèn)情況下會限制運(yùn)行腳本

    2024年02月13日
    瀏覽(16)
  • 手把手教會你!如何快速在VSCode創(chuàng)建一個VUE項目|前端菜鳥進(jìn)階版

    手把手教會你!如何快速在VSCode創(chuàng)建一個VUE項目|前端菜鳥進(jìn)階版

    對于剛上手的朋友,我們可以先來了解一下什么是vue: VUE :漸進(jìn)式j(luò)avaScript框架。 什么是JS(JavaScript):我封裝好一個函數(shù),這個函數(shù)可以給其他人調(diào)用,這個就是一個js 什么是框架:框架的規(guī)則。 在項目開始創(chuàng)建之前,我們需要做好以下幾點(diǎn)準(zhǔn)備,具體操作可在官網(wǎng)下載。

    2024年02月10日
    瀏覽(23)
  • 029:vue項目,勾選后今天不再彈窗提示

    029:vue項目,勾選后今天不再彈窗提示

    第029個 查看專欄目錄: VUE ------ element UI 在vue和element UI聯(lián)合技術(shù)棧的操控下,本專欄提供行之有效的源代碼示例和信息點(diǎn)介紹,做到靈活運(yùn)用。 (1)提供vue2的一些基本操作:安裝、引用,模板使用,computed,watch,生命周期(beforeCreate,created,beforeMount,mounted, beforeUpdate,upda

    2024年02月09日
    瀏覽(13)
  • 保姆級教程 從零配置nodejs環(huán)境并用命令行創(chuàng)建基于vue3的uniapp項目+Webstorm配置uniapp

    保姆級教程 從零配置nodejs環(huán)境并用命令行創(chuàng)建基于vue3的uniapp項目+Webstorm配置uniapp

    本教程后面部分(用命令行創(chuàng)建基于vue3的uniapp項目+Webstorm配置uniapp)適合習(xí)慣使用vscode或Webstorm等(或者說不習(xí)慣HBuilder X)的人參考,如果習(xí)慣使用HBuilder X,還是建議使用HBuilder X來搭建uniapp項目,會方便很多。 目錄 1. 配置node.js 1.1 下載并安裝 1.2 配置環(huán)境變量 1.3 修改安裝

    2024年02月20日
    瀏覽(21)
  • IDEA項目實(shí)踐——創(chuàng)建Java項目以及創(chuàng)建Maven項目案例、使用數(shù)據(jù)庫連接池創(chuàng)建項目簡介

    IDEA項目實(shí)踐——創(chuàng)建Java項目以及創(chuàng)建Maven項目案例、使用數(shù)據(jù)庫連接池創(chuàng)建項目簡介

    IDEA上面書寫wordcount的Scala文件具體操作 IDEA創(chuàng)建項目的操作步驟以及在虛擬機(jī)里面創(chuàng)建Scala的項目簡單介紹 目錄 系列文章目錄 前言 一 準(zhǔn)備工作 1.1 安裝Maven 1.1.1?Maven安裝配置步驟 1.1.2?解壓相關(guān)的軟件包 1.1.3?Maven 配置環(huán)境變量 1.1.4 配置Maven的私服 1.2 創(chuàng)建一個本地的MySQL數(shù)據(jù)

    2024年02月04日
    瀏覽(94)
  • 如何利用Idea創(chuàng)建一個Servlet項目(新手向)

    如何利用Idea創(chuàng)建一個Servlet項目(新手向)

    ??\\\"Echo\\\"?? 作者:Mylvzi 文章主要內(nèi)容:如何利用Idea創(chuàng)建一個Servlet項目(新手向) Servlet是tomcat的api,利用Servlet進(jìn)行webapp開發(fā)很方便,本文將介紹如何通過Idea創(chuàng)建一個Servlet項目(一共分為七步,這可能是我們寫過的最復(fù)雜的 hello world) 在項目創(chuàng)建的過程中,我們將使用maven進(jìn)行代碼的編

    2024年02月19日
    瀏覽(15)
  • springboot基礎(chǔ)篇(快速入門 + 完整項目案例)

    springboot基礎(chǔ)篇(快速入門 + 完整項目案例)

    SpringBoot程序優(yōu)點(diǎn): 起步依賴(簡化依賴配置) parent 所有SpringBoot項目要繼承的項目,定義了若干個坐標(biāo)版本號(依賴管理,而非依賴),以達(dá)到減少依賴沖突的目的 自動配置(簡化常用工程相關(guān)配置) stater SpringBoot中常見項目名稱,定義了當(dāng)前項目使用的所有依賴坐標(biāo),以

    2024年02月11日
    瀏覽(49)
  • Vue學(xué)習(xí)Day1——小案例快速入門Vue指令

    Vue學(xué)習(xí)Day1——小案例快速入門Vue指令

    概念:是一套 構(gòu)建用戶界面 的 漸進(jìn)式 框架 Vue2官網(wǎng):https://v2.cn.vuejs.org/ 所謂漸進(jìn)式就是循序漸進(jìn),不一定非得把Vue中的所有API都學(xué)完才能開發(fā)Vue,可以學(xué)一點(diǎn)開發(fā)一點(diǎn) Vue的兩種開發(fā)方式: Vue核心包開發(fā) 場景:局部模塊改造 Vue核心包Vue插件工程化 場景:整站開發(fā) 核心步驟

    2024年02月15日
    瀏覽(17)
  • 【SpringBoot快速入門】(4)SpringBoot項目案例代碼示例

    【SpringBoot快速入門】(4)SpringBoot項目案例代碼示例

    之前我們已經(jīng)學(xué)習(xí)的Spring、SpringMVC、Mabatis、Maven,詳細(xì)講解了Spring、SpringMVC、Mabatis整合SSM的方案和案例,上一節(jié)我們學(xué)習(xí)了SpringBoot的開發(fā)步驟、工程構(gòu)建方法以及工程的快速啟動,從這一節(jié)開始,我們開始學(xué)習(xí)SpringBoot配置文件。接下來,我們逐步開始學(xué)習(xí),本教程所有示例

    2024年02月04日
    瀏覽(11)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包