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

vue項目的創(chuàng)建的步驟(圖文教程)

 更新時間:2022年03月06日 15:14:59   作者:曦12  
本文主要介紹了vue項目的創(chuàng)建的步驟(圖文教程),文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下

安裝npm

1、檢查node,未安裝在這里下載最新版安裝。
2、檢查npm,node自帶npm但不是最新版本,需要命令更新:npm install -g npm

安裝vue腳手架

1、在國內下載時網絡會出問題,建議淘寶鏡像下載,配置鏡像:npm install -g cnpm --registry=https://registry.npm.taobao.org
2、用cnpm安裝vue腳手架:cnpm i -g @vue/cli(其中i是Install安裝的簡寫,g是global全局的簡寫)。

創(chuàng)建vue項目

1、使用腳手架創(chuàng)建vue項目:vue create test(test為項目名)
2、選擇第三項自定義添加:

Default([Vue 3] babel, eslint):vue3的項目,只包含js編譯器babel,代碼檢測工具eslint。
Default([Vue 2] babel, eslint):vue2的項目,只包含js編譯器babel,代碼檢測工具eslint。
Manually select features:自定義添加選擇功能。
3、選擇配置,一般項目勾選下圖選項即可:

  • Babel:js編譯器
  • Typescript:js的超集
  • Progressive Web App Support:漸進式的網頁應用程序
  • Router:vue的路由
  • Vuex:vue的狀態(tài)管理
  • CSS Pre-processors:css的預處理器
  • Linter/Formatter:代碼風格檢測與格式化(如果自己代碼不是很規(guī)范的話可以用這個約束下自己,也可不選擇,按照自己的風格)
  • Unit Testing:單元測試
  • E2E Testing:端對端測試

4、選擇vue3(按照自己需求來)

5、路由采用history模式,輸入y:

6、選擇第一項CSS預處理器:

7、選擇第三個標準配置:

8、選擇第一個,編寫代碼時提示錯誤:

9、Babel、ESLint 等的配置存放選擇都存放在package.json中,選擇第二項:

10、保存設置為demo,下次再次創(chuàng)建項目時便會多出一個demo選項,不需再次配置即可直接使用:

11、敲擊回車等待后創(chuàng)建完成:

啟動項目

1、cd到項目目錄下:cd test。輸入啟動命令:npm run serve
2、打開鏈接即可啟動項目:

 到此這篇關于vue項目的創(chuàng)建的步驟(圖文教程)的文章就介紹到這了,更多相關vue項目創(chuàng)建內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • 詳解如何在Electron中存取本地文件

    詳解如何在Electron中存取本地文件

    在Electron 中,存取本地文件,有很多種辦法,本文介紹最常用的一種辦法, 通過 Electron 框架提供的能力,和 Node.js 的 fs 文件管理模塊實現本地文件的存取,需要的小伙伴可以參考下
    2023-11-11
  • Vue項目頁面跳轉時瀏覽器窗口上方顯示進度條功能

    Vue項目頁面跳轉時瀏覽器窗口上方顯示進度條功能

    這篇文章主要介紹了Vue項目頁面跳轉時瀏覽器窗口上方顯示進度條功能,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-03-03
  • Vue中點擊active并第一個默認選中功能的實現

    Vue中點擊active并第一個默認選中功能的實現

    這篇文章主要介紹了Vue中點擊active并第一個默認選中功能的實現代碼,代碼簡單易懂,非常不錯具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-02-02
  • vue實現表格動態(tài)嵌入折線圖的繪制代碼

    vue實現表格動態(tài)嵌入折線圖的繪制代碼

    這篇文章給大家介紹了vue實現表格動態(tài)嵌入折線圖的繪制方法,文中有詳細完整的代碼示例攻大家參考,對大家的學習或工作有一定的參考價值,需要的朋友可以參考下
    2023-10-10
  • 解決vue單頁路由跳轉后scrollTop的問題

    解決vue單頁路由跳轉后scrollTop的問題

    今天小編就為大家分享一篇解決vue單頁路由跳轉后scrollTop的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • Vue3使用icon的兩種方式實例

    Vue3使用icon的兩種方式實例

    vue開發(fā)網站的時候,往往圖標是起著很重要的作用,下面這篇文章主要給大家介紹了關于Vue3使用icon的兩種方式,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
    2021-11-11
  • vue實現帶縮略圖的輪播圖效果

    vue實現帶縮略圖的輪播圖效果

    這篇文章主要為大家詳細介紹了如何使用vue實現帶縮略圖的輪播圖效果,文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的可以參考下
    2024-02-02
  • 詳解vue與后端數據交互(ajax):vue-resource

    詳解vue與后端數據交互(ajax):vue-resource

    本篇文章主要介紹了詳解vue與后端數據交互(ajax):vue-resource,具有一定的參考價值,感興趣的小伙伴們可以參考一下。
    2017-03-03
  • 基于vue+element實現全局loading過程詳解

    基于vue+element實現全局loading過程詳解

    這篇文章主要介紹了基于vue+element實現全局loading過程詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-07-07
  • Vue之插件詳解

    Vue之插件詳解

    這篇文章主要為大家介紹了Vue之插件,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助,希望能夠給你帶來幫助
    2021-11-11

最新評論