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

vue的簡介及@vue/cli?腳手架的使用示例

 更新時間:2022年12月06日 10:29:42   作者:葒芢館7點7  
vue 是一個 漸進式的javascript框架,腳手架是一個通用概念,幫助搭建項目的工具,本文以vue2為例結合實例代碼給大家詳細講解,感興趣的朋友跟隨小編一起看看吧

1.vue簡介:

vue 是一個 漸進式的 javascript 框架!

官網(wǎng)地址: Vue.js - 漸進式 JavaScript 框架 | Vue.js 

Vue是一個MVVM的框架 (MVVM:一種軟件架構模式)

2.腳手架:腳手架是一個通用概念,幫助搭建項目的工具(以vue2為例)

什么是vue腳手架呢?

 vue官方提供的一個全局命令工具,可以 快速創(chuàng)建一個vue項目 的基礎架子

vue腳手架的基本使用:

打開命令行、依次輸入

1. 全局安裝,輸入如下命令:(tip:要先提前安裝好node.js的包管理工具npm哦)

npm i  @vue/cli  -g    或    yarn global add @vue/cli

2. 查看vue版本:

vue  --version  或  vue -V

3. 初始化一個vue項目,并選擇版本,小編選擇的是vue2版本:

vue  create  項目名(不能用中文)

創(chuàng)建項目后會生成項目目錄結構,腳手架項目里各個文件及代碼都有什么作用呢?

 4.切換目錄進入項目根目錄,并運行項目。

cd 項目目錄
npm run serve  //npm run的命令都在package.json

 項目啟動后就可以在瀏覽器輸入下面地址訪問項目了

 如何覆蓋腳手架下的webpack配置:

1. 注意:我們在項目無法找到webpack.config.js文件,因為vue把它隱藏 了 。
2. 如果需要覆蓋webpack的配置,可以修改vue.config.js文件,覆蓋webpack配置vue.config.js文件

 如果端口號被占用無法訪問項目,可以在vue.config.js文件中修改端口號:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  //修改端口號
  devServer: {
    port: 4090
  },
  //關閉代碼檢查,初學者建議添加,vue語法較嚴格,不添加可能有不必要報錯提示
  lintOnSave: false
})

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

相關文章

  • 羊了個羊通關腳本Vue?node實現(xiàn)版本

    羊了個羊通關腳本Vue?node實現(xiàn)版本

    這篇文章主要為大家介紹了羊了個羊通關腳本Vue?node實現(xiàn)版本,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-09-09
  • 如何寫好一個vue組件,老夫的一年經(jīng)驗全在這了(推薦)

    如何寫好一個vue組件,老夫的一年經(jīng)驗全在這了(推薦)

    這篇文章主要介紹了如何寫好一個vue組件,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-05-05
  • 基于iview的router常用控制方式

    基于iview的router常用控制方式

    這篇文章主要介紹了基于iview的router常用控制方式,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-05-05
  • vue 組件prop驗證作用示例解析

    vue 組件prop驗證作用示例解析

    這篇文章主要為大家介紹了vue組件prop驗證作用示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-08-08
  • 在Vue3中處理異步API調(diào)用并更新表單數(shù)據(jù)的方法示例

    在Vue3中處理異步API調(diào)用并更新表單數(shù)據(jù)的方法示例

    這篇文章主要介紹了如何在Vue3中處理異步API調(diào)用并更新表單數(shù)據(jù)(附Demo),文中通過代碼示例講解的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下
    2024-06-06
  • vue多頁面項目中路由使用history模式的方法

    vue多頁面項目中路由使用history模式的方法

    這篇文章主要介紹了vue多頁面項目中路由如何使用history模式,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-09-09
  • Vue中el-tree樹全部展開或收起的實現(xiàn)示例

    Vue中el-tree樹全部展開或收起的實現(xiàn)示例

    本文主要介紹了Vue中el-tree樹全部展開或收起的實現(xiàn)示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-07-07
  • Vue.js與Flask/Django后端配合方式

    Vue.js與Flask/Django后端配合方式

    在現(xiàn)代Web開發(fā)中,Vue.js與Flask或Django配合使用,實現(xiàn)前后端分離,提高開發(fā)效率和應用性能,本文介紹了整合Vue.js和Flask/Django的步驟,包括環(huán)境搭建、API編寫、項目配置,以及生產(chǎn)部署,此架構不僅加快了開發(fā)進程,還提高了項目的可維護性和可擴展性
    2024-09-09
  • vue關于Promise的使用方式

    vue關于Promise的使用方式

    這篇文章主要介紹了vue關于Promise的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-06-06
  • vue實現(xiàn)吸壁懸浮球

    vue實現(xiàn)吸壁懸浮球

    這篇文章主要為大家詳細介紹了vue實現(xiàn)吸壁懸浮球,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-04-04

最新評論