Vue入门学习笔记(1)

news2024/11/24 14:12:39

这里写目录标题

  • 一、安装工具
  • 二、前置设置
    • 2.1 淘宝加速
    • 2.2、华为云加速
  • 三、安装vue工具
    • 3.1 安装vue/cli
    • 3.2 安装vite
  • 四、创建项目
    • 4.1 使用vue/cli创建
    • 4.2 使用vite创建

一、安装工具

首先须安装以下工具:

  • vscode(如果下载慢的话建议使用360安装,或者迅雷下载)
  • node.js(推荐最新版,自带npm)(如果下载慢的话建议迅雷下载)
  • git(推荐安装,如果下载慢的话建议迅雷下载)

二、前置设置

后续命令会大量使用npm,但是npm节点在国外,所以下载可能有问题,所以最好设置一下国内加速。一般加速节点可用:

2.1 淘宝加速

npm config set registry https://registry.npm.taobao.org

验证命令

npm config get registry

如果返回https://registry.npm.taobao.org,说明镜像配置成功。

2.2、华为云加速

npm config set registry https://mirrors.huaweicloud.com/repository/npm/

验证命令

npm config get registry

如果返回https://mirrors.huaweicloud.com/repository/npm/,说明镜像配置成功。

三、安装vue工具

创建vue项目,可使用的工具有vue/cli或者vite。两者的区别就是前者可创建vue2项目,且可以自定义初始化组件,但编译启动较慢。后者作为vue3的专属工具,效率高,不需要设置很多不懂的参数。

下列安装类型均是全局安装,方便快捷,新手建议!!

安装方法非常简单,使用cmd、powershell、或者win11的终端都可以。

3.1 安装vue/cli

npm install -g @vue/cli

3.2 安装vite

npm install vite -g

四、创建项目

首先,创建一个根目录,最好全英文。例如:

D:\OpenCode\VueStudent

然后用vscode打开
在这里插入图片描述
然后在菜单->终端->新建终端
在这里插入图片描述

4.1 使用vue/cli创建

vue create vue-demo

4.2 使用vite创建

npm init vite-app vue-demo

以上vue-demo是项目名称

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/540296.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

select

1. select模型 2. select()函数 int select(int nfds, fd_set *readfds, fd_set *writefds,fd_set *exceptfds, struct timeval *timeout);fd_set类型 readfds和writefds, exceptfds的类型都是fd_set,那么fd_set类型是什么呢? fd_set类型本质是一个位图&#xff0…

Word怎么生成目录?4个方法快速生成目录!

案例:Word怎么生成目录 【想问下大家在使用Word时是怎么生成目录的呀?正在写毕业论文的我真的很急!感谢!】 Word作为我们常用的办公软件,为我们的提供了很多便利。生成目录是在Word文档中创建一个方便导航的索引。 …

Go语言基于Viper封装实现

基于Viper的封装 Viper是什么 Viper是一个用于Go语言应用程序的配置管理库。它提供了一种简单而灵活的方式来处理应用程序的配置,支持多种格式的配置文件,并提供了一组API来读取和使用这些配置。 Viper支持多种配置文件格式,包括JSON、TOML、…

C learning_14 指针篇之破解版

目录 1. 指针是什么 指针变量 2. 指针和指针类型 那指针类型的意义是什么? 3. 野指针 规避野指针 4. 指针运算 指针-整数 指针-指针 指针的关系运算(比较指针的大小) 5. 指针和数组 6. 二级指针 7. 指针数组 1. 指针是什么 指针是C语言中一种非常重要的…

2023年美国大学生数学建模竞赛E题光污染解题全过程文档及程序

2023年美国大学生数学建模竞赛 E题 光污染 原题再现: 背景   光污染被用来描述任何过度或不良地使用人造光。我们所说的一些光污染现象包括光侵入、过度照明和光杂波。在大城市,这些现象最容易被观测到的是太阳落山后天空中的一道辉光; 然而&#xf…

网课录屏怎么录?分享3个录制网课方法!

案例:怎样才能录制清晰流畅的网课视频? 【我最近在网上购买了一个配音的课程,每天晚上8点老师会进行讲课,但是课程没有回放。我想通过录屏的方式将课程内容录制下来,那怎样才能录制清晰流畅的网课视频呢?】…

初识Mybatis -- Mybatis入门保姆级教程(一)

文章目录 前言一、认识mybatis1.mybatis是什么2.jdbc缺点3.mybatis优点4.MyBatis框架解决JDBC劣势 二、mybatis入门案例1.需求分析与操作步骤2.创建表tb_user、实体类和Mapper接口3.创建maven模块re_mb_demon4.在pom.xml配置文件中导入相关依赖5. 配置相关文件6.创建并编写模拟…

百汇BCR:十个外汇交易常见问题解析

外汇交易是一种受到市场欢迎的投资方式,参与交易很容易,但想要盈利却很难。特别是一些细节问题容易被忽略,百汇BCR小编整理了十个外汇交易常见问题供有需要的投资者借鉴学习。 问题一、外汇开户需要哪些资料? 个人相关信息资料、…

重新理解RocketMQ Commit Log存储协议

最近突然感觉:很多软件、硬件在设计上是有root reason的,不是by desgin如此,而是解决了那时、那个场景的那个需求。一旦了解后,就会感觉在和设计者对话,了解他们的思路,学习他们的方法,思维同屏…

JSON格式化工具

格式化JSON有多种方式,选两种。 1.在线JSON格式化 我喜欢用这个网站:在线JSON工具 2.Notepad插件 需要插件 - JSON Viewer。 安装方式: 2.1 点击工具栏“插件”-选择“插件管理…”,弹出插件管理窗口,在“可用”tab页&#xf…

一般人不会告诉你的FP独立站低成本运营内幕

不少朋友听说FP独立站盈利比较高之后就兴致勃勃地跟着别人建站、装修、选品……但在此之前有没有仔细想过,一个成功的F牌独立站到底要怎么运营?而且是,怎么低成本运营?现在我就跟大家分享一下,希望有想法入局F牌独立站…

CorelDRAW2023最新v24.4.0.623中文稳定版

图形设计软件CorelDRAW2023最新版下载矢量图形制作工具,CorelDRAW(简称CDR)是一款专业的图形设计软件。该软件是Corel公司开发的一款功能强大的专业平面设计软件、矢量设计软件、矢量绘图软件。这款矢量图形制作工具软件广泛应用于商标设计、标志制作、封…

史上最全类和对象 ,只要你认真看完C++类和对象,分分钟钟都吊打面试官【 C++】

文章目录 基础篇面向过程和面向对象类的引入类的定义类的访问限定符类的封装类的作用域类的实例化类对象模型如何计算类对象的大小类对象的存储方式猜测对象中包含类的各个成员代码只保存一份,在对象中保存存放代码的地址只保存成员变量,成员函数存放在公…

10.计算机基础-操作系统面试题—计算机系统概述、进程管理

本文目录如下: 计算机基础-操作系统 面试题一、计算机系统概述CPU 内核态 和 用户态 的区别?从 用户态 切换到 内核态 的常见方法: 二、进程管理线程 和 进程 的区别?协程 (goroutine) 和 线程的区别?进程有哪些状态?…

如果一定要在C++和JAVA中选择,是C++还是java?

前言 C和Java都是广泛应用于软件开发领域的高级编程语言。它们都有着各自的优势和适用场景,因此在进行选择时需要考虑到具体的需求和使用情况。 首先,C是一种面向对象的编程语言,它允许程序员直接控制计算机硬件,而且拥有较低的…

【分享】免费并集多个人工智能于一体的在线使用网站

哈喽,大家好,我是木易巷~ 今天来给大家分享一个集ChatGPT、GPT4、Claude等人工智能于一体的在线使用网站——Poe。 地址:https://poe.com 以下是一个汇集了目前热门人工智能工具的网站,只需使用一个神奇的工具,通过邮…

Todoist 的 10 种最佳替代品(功能、优点、缺点、定价)

寻找最好的 Todoist 替代品? Todoist对项目管理者来说并不陌生,它自 2007 年以来就一直很出名! ……但是作为老牌的组织类应用程序之一,现在再用它是否会觉得有点不顺手? 虽然它为了更好适应当今的工作节奏&#xf…

java 餐饮培训平台系统Myeclipse开发mysql数据库web结构jsp编程计算机网页项目

一、源码特点 java 餐饮培训平台系统是一套完善的java web信息管理系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为Mysql5.0&…

Redis学习---05

一、Redis集群搭建,Redis主从复制,读写分离 默认情况下每台redis服务器都是主节点。 (1) 主从复制:是指将一台redis服务器的数据,复制道其他redis服务。前者成为主节点,后者成为从节点。默认情况下每一台redis服务器…

matlab编程基础

1数据结构 1.1常量与变量 变量命名第一个字符必须为字母,变量可以由数字、字母、下划线组成,区分大小写。 常量: 1.2 数值型数据 双精度:64位 智能存储15位左右十进制数 double() 单精度 :32位,single…