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

<em id="46loj"></em>

<thead id="46loj"><strong id="46loj"></strong></thead>

Vue前端環(huán)境搭建以及項(xiàng)目搭建

2年前作者：四矢分類(lèi)：Toy博客閱讀(29)違法舉報(bào)

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

安裝node.js

安裝node.js主要是為了安裝npm工具，用于管理js包等，類(lèi)似于java的maven。

去官網(wǎng)下載安裝。
Vue前端環(huán)境搭建以及項(xiàng)目搭建,Web前端,前端,vue.js,javascript

配置新的鏡像源

npm config set registry https://registry.npmmirror.com

安裝webpack

webpack是前端項(xiàng)目打包工具。

命令：

npm install -g webpack webpack-cli

安裝vue-cli

這是vue的開(kāi)發(fā)工具。

安裝文檔地址：https://cli.vuejs.org/zh/guide/installation.html

命令：

npm install -g @vue/cli

查看vue-cli：

vue -V

Vue前端環(huán)境搭建以及項(xiàng)目搭建,Web前端,前端,vue.js,javascript

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

vue create 項(xiàng)目名稱(chēng)

Vue前端環(huán)境搭建以及項(xiàng)目搭建,Web前端,前端,vue.js,javascript
選擇自定義

選擇如下三項(xiàng)

將前面的配置進(jìn)行一個(gè)保存，下次新建項(xiàng)目可以直接使用。

新建項(xiàng)目成功

vue項(xiàng)目目錄結(jié)構(gòu)

Vue前端環(huán)境搭建以及項(xiàng)目搭建,Web前端,前端,vue.js,javascript

node_modules：項(xiàng)目所用的js庫(kù)
public：公共資源
src/assets：放靜態(tài)資源的，包括圖片、css
src/components：自定義vue組件，是那種頁(yè)面內(nèi)的小部件組件
src/router：路由導(dǎo)航
src/views：視圖組件，是一整個(gè)頁(yè)面vue組件
App.vue：入口組件
main.js：js入口文件，全局定義
package.json：項(xiàng)目配置信息
vue.config.js：vue的配置文件文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-819044.html

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

本文來(lái)自互聯(lián)網(wǎng)用戶(hù)投稿，該文觀(guān)點(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)用

WEB 3D技術(shù) three.js 3D賀卡(1) 搭建基本項(xiàng)目環(huán)境
好今天我也是在網(wǎng)上學(xué)的帶著大家一起來(lái)做個(gè)3D賀卡首先我們要?jiǎng)?chuàng)建一個(gè)vue3的項(xiàng)目、先創(chuàng)建一個(gè)文件夾裝我們的項(xiàng)目終端執(zhí)行 vue create 項(xiàng)目名稱(chēng) 例如我的名字想叫 greetingCards 就是因?yàn)檫@個(gè)名錄里面是全部都小寫(xiě)的然后下面選擇 vue3 然后按下回車(chē) 等待項(xiàng)目創(chuàng)建完成
2024年01月19日
瀏覽(94)
前端緩存方式以及區(qū)別（vue項(xiàng)目）
???????vuex、cookie、sessionStorage、localStorage vuex主要用于vue 組件之間的通信，頁(yè)面一刷新數(shù)據(jù)就會(huì)消失。原因： ???????vuex 是掛載到vue實(shí)例上的，相當(dāng)于全局變量，當(dāng)頁(yè)面一刷新，頁(yè)面重新加載vue 實(shí)例，vuex里面的數(shù)據(jù)被重新賦值。使用： https://vuex.vuejs.org/zh/ 一般結(jié)合
2024年04月14日
瀏覽(23)
【W(wǎng)eb】vue開(kāi)發(fā)環(huán)境搭建教程（詳細(xì)）
【Vue】vue增加導(dǎo)航標(biāo)簽本文鏈接：https://blog.csdn.net/youcheng_ge/article/details/134965353 【Vue】Element開(kāi)發(fā)筆記本文鏈接：https://blog.csdn.net/youcheng_ge/article/details/133947977 【Vue】vue，在Windows IIS平臺(tái)部署本文鏈接：https://blog.csdn.net/youcheng_ge/article/details/133859117 【Vue】vue2與WebApi跨域CORS問(wèn)
2024年02月09日
瀏覽(19)
Vue路由與node.js環(huán)境搭建
目錄前言一.Vue路由 1.什么是spa 1.1簡(jiǎn)介 1.2 spa的特點(diǎn) 1.3 spa的優(yōu)勢(shì)以及未來(lái)的挑戰(zhàn) 2.路由的使用 2.1 導(dǎo)入JS依賴(lài) 2.2?定義兩個(gè)組件 2.3 定義組件與路徑對(duì)應(yīng)關(guān)系 2.4?通過(guò)路由關(guān)系獲取路由對(duì)象 2.5 將對(duì)象掛載到vue實(shí)例中 2.6?定義觸發(fā)路由事件的按鈕? 2.7?定義錨點(diǎn)和路由內(nèi)容?
2024年02月07日
瀏覽(22)
搭建Vue項(xiàng)目以及項(xiàng)目的常見(jiàn)知識(shí)
前言：使用腳手架搭建vue項(xiàng)目，使用腳手架可以開(kāi)發(fā)者能夠開(kāi)箱即用快速地進(jìn)行應(yīng)用開(kāi)發(fā)而開(kāi)發(fā)。如圖：訪(fǎng)問(wèn)localhost:8080 vue目錄層級(jí) 理解vue項(xiàng)目的目錄層級(jí)以及文件的作用十分很重要 1、Vue的生命周期 vue生命周期圖以及詳情可以查看官方文檔：Vue生命周期 Vue實(shí)例具有生命
2024年02月10日
瀏覽(17)
【前端】vue.js從入門(mén)到項(xiàng)目實(shí)戰(zhàn)筆記
【前端目錄貼】文本插值中的代碼被解釋為節(jié)點(diǎn)的文本內(nèi)容，而HTML插值中的代碼則被渲染為視圖節(jié)點(diǎn)。 3.1.1 文本插值文本插值的方式：用雙大括號(hào) 將要綁定的變量、值、表達(dá)式括住就可以實(shí)現(xiàn)，Vue將會(huì) 獲取計(jì)算后的值，并以文本的形式將其展示出來(lái)。結(jié)果： 3.1.2 HTM
2024年01月21日
瀏覽(30)
vue3項(xiàng)目+TypeScript前端項(xiàng)目—— vue3搭建項(xiàng)目+eslint+husky
今天來(lái)帶大家從0開(kāi)始搭建一個(gè)vue3版本的后臺(tái)管理系統(tǒng)。一個(gè)項(xiàng)目要有統(tǒng)一的規(guī)范，需要使用eslint+stylelint+prettier來(lái)對(duì)我們的代碼質(zhì)量做檢測(cè)和修復(fù)，需要使用husky來(lái)做commit攔截，需要使用commitlint來(lái)統(tǒng)一提交規(guī)范，需要使用preinstall來(lái)統(tǒng)一包管理工具。下面我們就用這一套規(guī)范
2024年02月22日
瀏覽(25)
Vue + Element UI 前端篇（一）：搭建開(kāi)發(fā)環(huán)境
開(kāi)發(fā)之前，請(qǐng)先熟悉下面的4個(gè)文檔 vue.js2.0中文, 優(yōu)秀的JS框架 vue-router, vue.js 配套路由 vuex，vue.js 應(yīng)用狀態(tài)管理庫(kù) Element，餓了么提供的UI框架 Node JS（npm） Visual Studio Code（前端IDE）下載地址：?官網(wǎng)下載地址 Visual Studio Code 是一款非常優(yōu)秀的開(kāi)源編輯器，非常適合作為前端I
2024年02月09日
瀏覽(26)
Vue的架構(gòu)以及基于腳手架環(huán)境開(kāi)發(fā)vue項(xiàng)目
M：model 模型層（業(yè)務(wù)邏輯層），主要包含 JS 代碼，用于管理業(yè)務(wù)邏輯的實(shí)現(xiàn)。 V：View 視圖層，主要包括 HTML / CSS代碼，用于管理 UI 的展示。 VM：viewModel （視圖模型層），用于將data與視圖層的 DOM 進(jìn)行動(dòng)態(tài)綁定。基于腳手架環(huán)境開(kāi)發(fā)Vue項(xiàng)目制作web 從小作坊狀態(tài)轉(zhuǎn)向工程化開(kāi)
2024年02月01日
瀏覽(24)
IDEA運(yùn)行前端vue項(xiàng)目，安裝nodejs,以及配置
我在剛接手到一個(gè)項(xiàng)目的時(shí)候，不知道前端的代碼的情況下，想要寫(xiě)后端代碼，遇到問(wèn)題所以需要看前臺(tái)代碼，著手IDEA? 開(kāi)始安裝nodejs (為什么要安裝nodejs呢，首先就是說(shuō)需要npm,? 而nodejs 內(nèi)置npm) 1.從官網(wǎng)下載 nodejs 2.然后下一步? 下一步? 傻瓜式安裝 3.選擇其他盤(pán)符如D盤(pán)或
2024年01月25日
瀏覽(26)