VUE學習一、環境的安裝

1.node.js安裝

node.js是前端依賴的環境, 類似于java中的jdk
下載地址 node.js
在這里插入圖片描述

在這里插入圖片描述
下載 msi文件
在這里插入圖片描述
下完就是一頓嘎嘎安裝 , 安裝后可以cmd看看node和npm的版本
在這里插入圖片描述

1.2 yarn的安裝

Yarn是Facebook最近發布的一款依賴包安裝工具。Yarn是一個新的快速安全可信賴的可以替代NPM的依賴管理工具。

官網的說明是

Yarn is a package manager for your code. It allows you to use and share code with other developers from around the world. Yarn does this quickly, securely, and reliably so you don’t ever have to worry.

關鍵意思就是,快速,安全,可靠。你下載的包將不再重新下載。而且確保在不同系統中可以正常工作。有了它,以后編譯和啟動前端項目就可以遠離npm了。

Yarn官網地址:Installation | Yarn
在這里插入圖片描述
下載 安裝 測試版本 yarn -v

2.vue-cli安裝

官網: https://cli.vuejs.org/

2.1 介紹

Vue CLI 是一個基于 Vue.js 進行快速開發的完整系統,提供:

通過 @vue/cli 實現的交互式的項目腳手架。
通過 @vue/cli + @vue/cli-service-global 實現的零配置原型開發。
一個運行時依賴 (@vue/cli-service),該依賴:
可升級;
基于 webpack 構建,并帶有合理的默認配置;
可以通過項目內的配置文件進行配置;
可以通過插件進行擴展。
一個豐富的官方插件集合,集成了前端生態中最好的工具。
一套完全圖形化的創建和管理 Vue.js 項目的用戶界面。
在這里插入圖片描述

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/207400.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/207400.shtml
英文地址,請注明出處:http://en.pswp.cn/news/207400.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

計算機圖形學——消隱算法

目錄 消隱算法 (1)隱藏線消除算法 (2)隱藏面消除算法 曲面體消隱算法 3D Mesh 隱藏面消除算法 (1)深度緩沖器算法(zBuffer) 深度緩沖器 (2)深度排序…

SpringBoot的監控(Actuator) 功能

目錄 0、官方文檔 一、引入依賴 二、application.yml文件中開啟監控 三、具體使用 四、具體細節使用 五、端點開啟與禁用 六、定制Endpoint 1. 定制 /actuator/health 2. 定制 /actuator/info (1)直接在配置文件中寫死 (2&#xff…

分頁顯示功能函數的核心 代碼主要參考思路

分頁顯示功能函數的核心 代碼主要參考思路 package org.utils;import java.util.List;import org.entity.Student;/*** * author 24519* 分頁的工具類**/ public class PageUtils {//頁大小(每頁顯示多少條記錄)private int pageSize;//當前頁private in…

如何進行代碼混淆?方法與常見工具介紹

? 目錄 什么是代碼混淆? 代碼混淆的方法 常見代碼混淆工具 什么是代碼混淆? 代碼混淆是指將計算機程序的代碼轉換成一種功能上等價,但難于閱讀和理解的形式的行為。混淆后的代碼很難被反編譯,即使反編譯成功也很難得出程序的…

【Linux系統化學習】命令行參數 | 環境變量的再次理解

個人主頁點擊直達:小白不是程序媛 Linux專欄:Linux系統化學習 代碼倉庫:Gitee 目錄 mian函數傳參獲取環境變量 手動添加環境變量 導出環境變量 environ獲取環境變量 本地變量和環境變量的區別 Linux的命令分類 常規命令 內建命令 …

前端面試JS—map 和 forEach 的區別

目錄 相同點: 不同點: 相同點: 都是循環遍歷數組中的每一項(接收一個函數作為參數,并對每個數組元素執行一次)每次執行匿名函數都支持三個參數:(三個參數分別為item(當前…

js獲取快遞單號小練習

目錄 1、css代碼 2、html代碼 3、js代碼 完整代碼 效果圖 1、css代碼 .box{width: 400px;height: 300px;margin: 100px auto;position: relative;}input{width: 250px;height: 40px;outline: none;}span{display: block;position: absolute;min-width: 270px;max-width: 40…

pytest +uiautomator2+weditor app自動化從零開始

目錄結構1.0 把設備連接單獨移出去了 模塊操作代碼,有一些流程操作和斷言方法 from devices import dv from time import sleep import random from tool.jt import capture_screenshotdef initialization(func):def wrapper():sleep(1)dv.app_stop(com.visteon.…

CSS特效025:旋轉的loading狀態

CSS常用示例100專欄目錄 本專欄記錄的是經常使用的CSS示例與技巧,主要包含CSS布局,CSS特效,CSS花邊信息三部分內容。其中CSS布局主要是列出一些常用的CSS布局信息點,CSS特效主要是一些動畫示例,CSS花邊是描述了一些CSS…

Ubuntu 修改當前用戶的名稱

UBUNTU 2018.04 LTS 64位 修改當前用戶的名稱 操作步驟如下: 假設你的帳號AAA , 打算修改為BBB。開機進入桌面。按下ctrl alt F1~F7 三個組合鍵。功能鍵F1到F7任選1個。 進入黑屏。登陸root 用戶,進入后。修改以下三個文件 /etc/passwd&a…

Linux學習筆記(九)MISC設備驅動

前言 misc 的意思是混合、雜項的,因此 MISC 驅動也叫做雜項驅動。也就是當我們板子上的某些外設無法進行分類的時候就可以使用 MISC 驅動。 MISC 驅動其實就是最簡單的字符設備驅動,通常嵌套在 platform 總線驅動中,實現復雜的驅動&#xff0…

Mysql 索引概念回顧

一、什么是索引 在關系數據庫中,索引是一種單獨的、物理的對數據庫表中一列或多列的值進行排序的一種存儲結構,它是某個表中一列或若干列值的集合和相應的指向表中物理標識這些值的數據頁的邏輯指針清單。索引的作用相當于圖書的目錄,可以根據…

《算法競賽進階指南》------圖論篇

文章目錄 0x01 Telephone Lines POJ - 36620x02 P1073 [NOIP2009 提高組] 最優貿易0x03 道路和航線 BZOJ22000x04 Sorting It All Out POJ - 1094 topo0x05 Sightseeing trip POJ - 1734 最小環問題0x06 Cow Relays POJ - 3613 S到E經過k條邊的最短路0x07 走廊潑水節 &#xff…

為什么Java程序員需要掌握多線程?揭秘并發編程的奧秘

為什么Java程序員需要掌握多線程?揭秘并發編程的奧秘 個人簡介前言多線程對于Java的意義📌1.提高程序性能:📌2 提高用戶體驗:📌3支持并發處理:📌4 資源共享和同步:&#…

OpenSSL 編程示例

參考:深入探索 OpenSSL:概念、原理、開發步驟、使用方法、使用場景及代碼示例 地址:https://oneisall.blog.csdn.net/article/details/131489812?spm1001.2014.3001.5502 目錄 1. OpenSSL 概念2. OpenSSL 原理3. OpenSSL 開發步驟4. OpenSSL…

C# 語法筆記

1.ref、out:參數傳遞的兩種方式 ref:引用傳遞 using System; namespace CalculatorApplication {class NumberManipulator{public void swap(ref int x, ref int y){int temp;temp x; /* 保存 x 的值 */x y; /* 把 y 賦值給 x */y temp; /* 把 t…

Python中的range()函數詳解:掌握迭代的利器

更多資料獲取 📚 個人網站:ipengtao.com Python中的range()函數是一個強大的工具,用于生成一系列的數字,常用于循環操作。雖然看似簡單,但其靈活性和功能卻不容小覷。在本文中,將深入研究range()函數&…

9. 從零用Rust編寫正反向代理, HTTP2改造篇之HPACK示例, 了解http2頭信息如何處理

wmproxy wmproxy是由Rust編寫,已實現http/https代理,socks5代理, 反向代理,靜態文件服務器,內網穿透,配置熱更新等, 后續將實現websocket代理等,同時會將實現過程分享出來&#xff…

vue3,元素可拖拽,自定義指令,鼠標以及手指事件的寫法不一樣

使用很簡單&#xff0c;直接 <div v-drag><div class"header"></div><div class"content"></div> </div>// 自定義指令 —— 拖動div const vDrag {// 在綁定元素的父組件// 及他自己的所有子節點都掛載完成后調用m…

docker容器_自定義上傳jenkins鏡像(Dockerfile實現)

1.創建jenkins目錄&#xff0c;并上傳相應的包 mkdir /jenkins/ 2.創建一個Dockerfile文件 FROM daocloud.io/library/centos:7#把當前目錄下的jenkins.war包傳到內部容器的/ 下 ADD ./jenkins.war /#把當前目錄下的jdk傳到內部容器的/opt/,并解壓 ADD ./jdk-11.0.19_linu…