欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue-cli腳手架搭建方式(vue腳手架方式搭建)

 更新時間:2023年04月17日 11:28:11   作者:小斯要覺覺  
這篇文章主要介紹了vue-cli(vue腳手架方式搭建),本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下

1.首先安裝node前端環(huán)境,可以幫助我們?nèi)ハ螺d其他的組件

 下載完成后,去自己的電腦找到node的文件路徑,復(fù)制去配置環(huán)境變量,在path中配 

環(huán)境搭配完成后,在cmd中進行測試 ,輸入一下兩個命令進行測試

2.在hbuilderX中創(chuàng)建一個vue-cli項目(標(biāo)準(zhǔn)的前段項目)

3.組件路由 

(1)安裝

vue-router 是一個插件包,所以我們還是需要用 npm 來進行安裝的。 打開命令行工具,進入你的項目目錄,輸入下面命令。

npm i vue-router@3.5.3

 (2) 第一步:

在src中創(chuàng)建一個文件夾router,并在該文件夾中建index.js,導(dǎo)入Vue,router和其他組件

格式(import Vue from"vue"),其中router和ElementUI需要Vue.use(router)

var rout = new router({
	routes:[
		{
		path:'/login',
		name:'Login',
		component:Login
	    },
	    {
		path:'/main',
		name:'Main',
		component:Main
	    }
	]
});

第二步:定義組件路由

export default rout;

第三步:導(dǎo)出路由對象

export default rout;

在默認的App.vue中

4.使用

5.打包

?npm run build

ElementUI前端框架

1.安裝,在終端輸入命令npm i element-ui -S

2.在main.js中導(dǎo)入ElementUI框架

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI)

到此這篇關(guān)于vue-cli(vue腳手架方式搭建)的文章就介紹到這了,更多相關(guān)vue-cli腳手架搭建內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vue改變循環(huán)遍歷后的數(shù)據(jù)實例

    vue改變循環(huán)遍歷后的數(shù)據(jù)實例

    今天小編就為大家分享一篇vue改變循環(huán)遍歷后的數(shù)據(jù)實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-11-11
  • vue下載excel的實現(xiàn)代碼后臺用post方法

    vue下載excel的實現(xiàn)代碼后臺用post方法

    這篇文章主要介紹了vue下載excel的實現(xiàn)代碼,后臺用post方法,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值 ,需要的朋友可以參考下
    2019-05-05
  • vue3+vite+vant4手機端項目實戰(zhàn)記錄

    vue3+vite+vant4手機端項目實戰(zhàn)記錄

    這篇文章主要給大家介紹了關(guān)于vue3+vite+vant4手機端項目實戰(zhàn)的相關(guān)資料,Vue3是一種前端開發(fā)框架,它的目標(biāo)是提供更好的性能和開發(fā)體驗,需要的朋友可以參考下
    2023-08-08
  • 默認瀏覽器設(shè)置及vue自動打開頁面的方法

    默認瀏覽器設(shè)置及vue自動打開頁面的方法

    今天小編就為大家分享一篇默認瀏覽器設(shè)置及vue自動打開頁面的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • Vue.js 動態(tài)為img的src賦值方法

    Vue.js 動態(tài)為img的src賦值方法

    下面小編就為大家分享一篇Vue.js 動態(tài)為img的src賦值方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • vue elementUI select下拉框設(shè)置默認值(賦值)失敗的解決

    vue elementUI select下拉框設(shè)置默認值(賦值)失敗的解決

    這篇文章主要介紹了vue elementUI select下拉框設(shè)置默認值(賦值)失敗的解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • Vue中的文字換行問題

    Vue中的文字換行問題

    這篇文章主要介紹了Vue中的文字換行問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • 詳解Vue.js 2.0 如何使用axios

    詳解Vue.js 2.0 如何使用axios

    本篇文章主要介紹了Vue.js 2.0 如何使用axios,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-04-04
  • 詳解vuejs幾種不同組件(頁面)間傳值的方式

    詳解vuejs幾種不同組件(頁面)間傳值的方式

    本篇文章主要介紹了詳解vuejs幾種不同組件(頁面)間傳值的方式,具有一定的參考價值,有興趣的可以了解一下
    2017-06-06
  • 詳解nginx配置vue h5 history去除#號

    詳解nginx配置vue h5 history去除#號

    這篇文章主要介紹了詳解nginx配置vue h5 history去除#號,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-11-11

最新評論