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

一步步講解Vue如何啟動項目

 更新時間:2023年02月01日 12:40:11   作者:奇奇怪怪的土豆餅  
這篇文章主要給大家介紹了關于Vue如何啟動項目的相關資料,還介紹了解決vue啟動項目時間很長問題的相關方法,文中通過圖文介紹的非常詳細,需要的朋友可以參考下

前言

廢話就不多說了,直接進入正題

一、首先了解vue-cli腳手架

vue-cli 是一個基于 Vue.js 進行快速開發(fā)的完整系統(tǒng)

vue-cli是 基于 webpack 構建 vue 前端模塊工程環(huán)境webpack 將 原理網頁的 依賴變成 webpack的依賴, 只需要將網頁的依賴在main.js 入口文件中引入即可在瀏覽器上運行

網址:介紹 | Vue CLI

二、安裝腳手架

npm install -g @vue/cli

  注意:查看node版本,要在v14以上

三、啟動項目

命名為:

vue create 項目名

注意:創(chuàng)建的目錄下的別的文件名不能包含vue,并且不能夠使用駝峰命名法,兩個單詞之間使用“-”分割 

運行命令成功,會出現一下界面:

讓你進行選擇是默認安裝還是通過自己設置的安裝。

 這里選手動安裝,第三個選項

 接著會讓選擇相應的配置,勾選以下幾個選項,利用空格勾選,所有選擇完畢后按回車確認

 這里選擇2.x,根據需求選擇

使用歷史模式路由器?選擇是

 選擇css預編譯器,這里我選擇的是sass

 選擇一個linter / formatter配置:這里選擇的是標準配置

  詢問是否記住你所選擇的配置,進行保存,這里選擇保存

 你喜歡把Babel, ESLint等的配置放在哪里?這里選擇在專用配置文件中,新建了一個配置文件

詢問是否記住你所選擇的配置,在未來的項目創(chuàng)建中使用,進行保存,這里選擇保存

 起一個名字記錄,下次方便找到

 出現以下內容說明已經啟動成功。

進入項目文件夾,在cmd命令行運行命令,注意:一定得去項目文件夾

npm run serve

出現這個內容表示項目啟動完成。

附:解決vue 啟動項目時間很長

突然想起來,之前開發(fā)vue項目的時候,第一次以及后續(xù)每次更改完東西后,頁面都需要加載,啟動時間很長,需要兩三分鐘!!

解決方案: 把config/index.js中的 useEslint 屬性值改為 false 即可?。?!

親測過,真的好用哦!

總結

vue的項目啟動過程中,還是存在一些小細節(jié)還是需要注意,小伙伴們還是得仔細的安裝哦

到此這篇關于Vue如何啟動項目的文章就介紹到這了,更多相關Vue啟動項目內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • vue項目開發(fā)中setTimeout等定時器的管理問題

    vue項目開發(fā)中setTimeout等定時器的管理問題

    這篇文章主要介紹了vue項目開發(fā)中setTimeout等定時器的管理問題,需要的朋友可以參考下
    2018-09-09
  • ant desing vue table 實現可伸縮列的完整例子

    ant desing vue table 實現可伸縮列的完整例子

    最近在使用ant-design-vue做表格時,遇到要做一個可伸縮列表格的需求,在網上一直沒有找到好的方法,于是小編動手自己寫個可以此功能,下面小編把ant desing vue table 可伸縮列的實現代碼分享到腳本之家平臺供大家參考
    2021-05-05
  • 基于Vue2的獨立構建與運行時構建的差別(詳解)

    基于Vue2的獨立構建與運行時構建的差別(詳解)

    下面小編就為大家分享一篇基于Vue2的獨立構建與運行時構建的差別詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2017-12-12
  • Vue中使用flv.js播放視頻的示例詳解

    Vue中使用flv.js播放視頻的示例詳解

    這篇文章主要為大家詳細介紹了如何在Vue項目中使用flv.js播放視頻,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
    2024-04-04
  • Vue實現簡單基礎的圖片裁剪功能

    Vue實現簡單基礎的圖片裁剪功能

    這篇文章主要為大家詳細介紹了如何利用Vue2實現簡單基礎的圖片裁剪功能,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起了解一下
    2022-09-09
  • Vue 通過自定義指令回顧v-內置指令(小結)

    Vue 通過自定義指令回顧v-內置指令(小結)

    這篇文章主要介紹了Vue 通過自定義指令回顧v-內置指令(小結),小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-09-09
  • Vue消息提示this.$message方法使用解讀

    Vue消息提示this.$message方法使用解讀

    這篇文章主要介紹了Vue消息提示this.$message方法使用,具有很好的參考價值,希望對大家有所幫助,
    2023-09-09
  • vue elementUI table 自定義表頭和行合并的實例代碼

    vue elementUI table 自定義表頭和行合并的實例代碼

    這篇文章主要介紹了vue elementUI table 自定義表頭和行合并的實例代碼,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-05-05
  • Vue生命周期與setup深入詳解

    Vue生命周期與setup深入詳解

    Vue的生命周期就是vue實例從創(chuàng)建到銷毀的全過程,也就是new Vue() 開始就是vue生命周期的開始。Vue 實例有?個完整的?命周期,也就是從開始創(chuàng)建、初始化數據、編譯模版、掛載Dom -> 渲染、更新 -> 渲染、卸載 等?系列過程,稱這是Vue的?命周期
    2022-09-09
  • antd-日歷組件,前后禁止選擇,只能選中間一部分的實例

    antd-日歷組件,前后禁止選擇,只能選中間一部分的實例

    這篇文章主要介紹了antd-日歷組件,前后禁止選擇,只能選中間一部分的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-10-10

最新評論