Vue项目的创建运行及库

HBuilderX开发Vue

Vue官网

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

vue工程引入element ui

element ui官网

vue引入Axios

HBuilderX开发普通Vue

vue模仿抖音

HBuilderX开发Vue

方法/步骤

首先打开Hbuilder创建一个新项目，如下图所示

Hbuilder如何创建并运行Vue项目

接着模板选择Vue项目，如下图所示

Hbuilder如何创建并运行Vue项目

然后等待一会项目就创建好了，如下图所示

Hbuilder如何创建并运行Vue项目

接着右键单击选择npm run build，如下图所示

Hbuilder如何创建并运行Vue项目

然后继续右键单击选择npm run serve，如下图所示

Hbuilder如何创建并运行Vue项目

接着找底部出现的地址和端口号，如下图所示

Hbuilder如何创建并运行Vue项目

最后在浏览器中输入即可访问vue页面了，如下图所示

Hbuilder如何创建并运行Vue项目

END

总结

1

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

2，模板选择Vue项目

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

4，右键单击选择npm run build

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

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

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

问题：vue-cli-service 不是内部或者外部命令

解决：忘记 npm install 了:)就是删了node—modules重新安装

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 技术栈，基于 Vue3、Vite5 、Pinia实现。数据保存在项目本地，通过 axios-mock-adapter 库拦截Api 并返回本地json数据，模拟真实后端请求

在线访问

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