首页 > 其他分享 >vue3学习(一)

vue3学习(一)

时间:2023-01-29 23:47:29浏览次数:49  
标签:npm project 项目 -- 学习 vue3 安装

vue3的搭建项目及启动

 

1、npm 和git提前安装好。新建文件夹右键,选择Git Bash Here

2、使用npm命令安装vue/cli,这里需要使用--force

运行  npm install -g @vue/cli --force

需要安装一会

3、使用npm init初始化项目

运行  npm init vite-app project

注:project是自定义的项目名称

 

 4、切换到项目根目录,使用cd project命令

 

 5、使用npm install安装项目依赖包以及模块

 

 

6、npm run dev命令,启动和运行项目

 

 7、项目启动可能默认不会自动在浏览器打开。

设计浏览器自动打开:在 dev那加个 --open

 

 

 

 

 

 

标签:npm,project,项目,--,学习,vue3,安装
From: https://www.cnblogs.com/xue-rui/p/17074106.html

相关文章

  • 序列号相关总结和学习
    摘要最近有多个项目出现过因为序列号导致系统吞吐量上不去性能下降的情况.晚上想着学习总结一下,已备忘,避免后续继续掉坑里.学习资料来源:https://cdn.modb.pro/......
  • vue3引入ElementPlus实现OOS前端直传
    1.1开通OSS服务登录阿里云官网;将鼠标移至产品标签页,单击对象存储OSS,打开OSS产品详情页面;在OSS产品详情页,单击立即开通。1.2后端整合OSS实现文件上传在pom.xml中添......
  • 学习java第三天
    安装和卸载java8卸载:卸载:我的电脑右键+属性+高级系统设置+环境变量+java8gome+进入地址+java文件连包删除+删除环境变量+path+javahome删除+打开运行cmd输入java-versio......
  • XmlSerializer 反序列化学习
    XmlSerializer反序列化漏洞https://www.cnblogs.com/nice0e3/p/16942833.html#%E5%88%A9%E7%94%A8%E9%93%BE%E8%B0%83%E8%AF%95https://www.anquanke.com/post/id/17231......
  • Linux systemd学习
    Systemd 内容简介一、Systemd的定义二、Systemd的常用命令三、查看已有的Systemd配置文件四、编写一个简单的Systemd配置文件 一、Systemd的定义Systemd......
  • Jmeter学习:jtl 文件的html格式输出
    我们可将测试结果保存成XXX.jtl格式文件,来生成html报告,方便阅读。具体步骤如下:1、在Tools下选择GenerateHTMLrepot。 2、按要求填写,并点击生成报告。 Resul......
  • JavaScript学习笔记—DOM之元素节点
    元素节点对象(element)在网页中,每一个标签都是一个元素节点如何获取元素节点对象?通过document对象来获取元素节点通过document对象来创建元素节点通过document来获......
  • vue3语法糖+ts组件传值
    在开发中有些功能是通用的,而且逻辑大致相同,像这种东西可以封成一个组件,比较常用的就是函数封装,组件封装,组件封装是需要引入到页面使用的,所以通常它会有一些自己的方法,父子......
  • Linux学习-DAY5
    一、文件目录管理命令1.touch命令touch命令用于创建空白文件或设置文件的时间,语法格式为“touch[参数] 文件名称”。2.mkdir命令mkdir命令用于创建空白的目录,英文全称为“......
  • 学习笔记——redis事务、乐观锁、悲观锁
    2023-01-29一、redis事务与乐观锁相关命令1、redis事务(1)redis事务的含义redis事务是一个单独的隔离操作:事务中的所有命令都会序列化、按顺序执行。事务在执行过程中,不......