开发环境和技术栈
操作系统
windows11
开发工具
vscode、phpstudy(小皮):nginx1.15.11, mysql5.7.26, php7.4,Navicat for MySQL
前端
VUE3、TypeScript、SCSS、ElementUi、Router、Axios、Vuex
后端
Thinkphp6 JWT Api-doc
环境
Nodejs(npm)
安装Nodejs环境
下载自己系统的对应版本 Nodejs下载的
// 查看是否安装成功
node --version
安装Vue-CLI脚手架
// 安装命令
npm install -g @vue/cli
// 查看是否安装成功
vue --version
VUE项目代码创建命令
// 创建命令
vue create projectname
执行之后,选择自己需要vue版本,如果对vue配置比较熟悉的朋友直接选择自定义配置就行,这样就可以直接安装项目所需的基础组件,如router,vuex,typesrcipt,scss等。
这里为了完整项目演示,我选择基础的VUE3版本,然后自己安装所需的组件。
下载完成后如下显示成功
进入目录,启动项目
// 进入目录
cd vue3project
// 启动项目
npm run serve
浏览器访问地址,显示如下页面