使用技术
前端:vue3+three.js
后端:php
数据库:mysql5.6
服务器软件:apache
服务器系统:centos8.0
本地vue3 环境搭建
VUE底层环境搭建
- 安装nodejs
a. nodejs版本 node -v
b. npm会自动安装 npm的版本 npm -v - 安装脚手架(Vue CLI)
a. 官网:https://cli.vuejs.org/zh/
b. 命令:npm install -g @vue/cli - 安装vue router
a. 官网:https://router.vuejs.org/zh/
b. 命令:npm install vue-router - 创建一个项目
a. 命令A:vue create my-project
b. 命令B:vue ui - 项目中加入router
a. 命令:vue add router - 添加ElementUI
a. 官网:https://element-plus.gitee.io/#/zh-CN
b. 命令:npm install element-plus --save - VUE 的 API查询
a. 官网:https://v3.cn.vuejs.org/api/ - VUE官网
官网:https://v3.cn.vuejs.org/guide/installation.html
创建VUE项目并起名为X_ModelLibrary
-
找到对应的文件夹
alt
+space
换出utool,并输入cmd
打开cmd窗口
-
打开cmd之后输入
vue ui
,并静静等待
-
完成之后会打开一个网页的控制台,点击创建
4.详情设置 -
预设设置
-
功能设置
-
配置设置
-
点击创建项目
-
完成
-
安装three依赖
-
安装成功
-
使用vscode打开项目
-
在控制台中运行vue,点击
任务
,点击serve
,点击运行
-
完成之后点击
启动app
-
可以打开一个预览的效果页面
结束语
vue的项目我们创建完成了,下一篇我们就要开始对threejs的使用