您现在的位置是:网站首页> HTML&JS

Vue项目的创建运行及库

  • HTML&JS
  • 2024-08-05
  • 501人已阅读
摘要

Vue项目的创建运行及库

Vue官网

vue环境的搭建以及vue项目的创建与启动

vue工程引入element ui

element ui官网

vue引入Axios

HBuilderX开发普通Vue

vue模仿抖音



vue环境的搭建以及vue项目的创建与启动



vue工程引入element ui



vue引入Axios







HBuilderX开发普通Vue

安装node

全局安装 vue cli,vue cli 是一个脚手架工具,用于生成一个基础的vue应用

运行:npm install vue-cli -g

1,打开Hbuilder创建一个新项目

2,模板选择Vue项目

3,等待一会项目就创建好了

4,右键单击选择npm run build

5,继续右键单击选择npm run serve

6,找底部出现的地址和端口号

7,在浏览器中输入即可访问vue页面了



vue模仿抖音

点击进入源码页

douyin-vue 是一个模仿 抖音|TikTok 的移动端短视频项目。Vue 在移动端的"最佳实践",媲美原生 App 丝滑流畅的使用体验。使用了最新的 Vue 技术栈,基于 Vue3Vite5Pinia实现。数据保存在项目本地,通过 axios-mock-adapter 库拦截Api 并返回本地json数据,模拟真实后端请求


在线访问

Github Pages: https://dy.ttentau.top/













上一篇:URL参数加密详解

下一篇:HTML&JS同行者

Top