当前位置: 首页 > news >正文

【前端内容学习】vue的引用,下载,语法

(1)vue的使用方式

原版本应该是三种使用方式,但是现在vue官网好像已经找不到关于本地下载的内容了

1,直接在官网上引用网络CDN文件,注意这种引用方式,要把这一段写在所有使用vue的部分前面

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

2.对于大型文件,例如开发前后端分离程序(手绘组管理系统),使用npm下载

我这里使用的应该是vite进行下载的。。。。

这样会直接创建一个完整的前端部分,

先保证电脑已经下载到了node.js,

注意,为了后面不被卡住,我们最好使用一下淘宝镜像

在命令行窗口使用指令

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

如果想知道自己是否成功安装镜像,可以用指令验证

npm config get registry

然后再下载vue

npm init vue@latest

跟着提示选择自己需要的选项,最后会让你设置项目名称和包,然后会自动在你的包地址下面创建一个vue项目,进入以后运行npm install指令,就基本完成了

然后在运行的时候以idea为例

运行的设定就这样配置好了,接下来点击小三角就可以正常创建了,点击运行会在输入框里里面生成一个网页地址,点击地址就会走进我们创建好的vue项目里面

这里可以注意到有三种脚本 dev build 还有preview,这三种不太一样,后面有空我们再解释

这里我们使用dev,因为他可以生成网址,其实就相当于 npm run dev指令

如果想要指定打开前端的端口地址,可以在package。json的这里进行修改

再然后,如果想要这个页面自己弹出来,我们可以在这里加一个--open

就会自动打开了

3.一般的下载方式应该是。。。。。(后续再补充)

(2)vue的基本语法

相关文章:

  • Sentinel流控规则
  • mysql8.0以上修改密码-干货版
  • 图的拓扑序列
  • 六.方法与接口
  • 基于SpringBoot的篮球竞赛预约平台
  • 计算机毕业设计之java+ssm理发店会员管理系统
  • 基于JAVA的鲜花店商城平台【数据库设计、源码、开题报告】
  • openEuler之RPM软件包管理命令
  • (附源码)计算机毕业设计JavaJava毕设项目补课管理系统
  • 章节4 Linux操作系统基础知识
  • Shell脚本学习指南(四)——管道的神奇魔力
  • launcher homeSettings notificationDots
  • 【Kotlin 协程】协程的挂起和恢复 ② ( 协程挂起 和 线程阻塞 对比 )
  • 基于JSP的敬老院信息管理系统【数据库设计、源码、开题报告】
  • 【优化分配】粒子群算法求解火车票分配优化问题【含Matlab源码 1137期】
  • 网络流算法
  • Python工程师Java之路(h)Java字符串拼接+null拼接处理
  • 如何在openstack环境下实现高性能的网络服务
  • 基于STM32设计物联网在线智能称重系统(OneNet)_2022
  • Python定时打开世界杯直播,还有小姐姐语音提醒哦~不错过每一场世界杯比赛
  • [深度学习] python基础支持汇总
  • JSP文件上传
  • qt人员管理模块(模块化程序)功能块复制直接使用不冲突
  • 详解C语言二级指针三种内存模型
  • List——顺序表与链表(二)
  • PCB入门介绍与电阻电容电感类元件的创建
  • 生物质环保节能锅炉_十吨生物质锅炉
  • 山东电蒸汽发生器厂家_清洗机蒸汽发生器
  • 15吨燃煤锅炉改生物质锅炉可以吗_燃煤锅炉环保要求