vue项目搭建

vue项目搭建

选择程序放置的文件夹，在路径栏中输入cmd，再按回车打开命令行窗口

在命令行中输入以下内容

vue create threejs

选择vue3默认

创建完成之后的界面是这样

打开创建好的工程项目，在package.json可查看运行命令和安装的依赖

运行命令

npm run serve

安装依赖

安装threejs依赖

npm i three@0.156.0

下载好之后json文件中未出现threejs的依赖和版本

安装element-plus组件

npm install element-plus

npm i @element-plus/icons-vue vue-router lodash

npm i less less-loader

配置路由

import { createRouter, createWebHashHistory } from "vue-router";
// 定义路由数据
const routes = [
    {
        path:"/login",
        component:()=>import('../views/login.vue')
    },
    {
        path:"/home",
        component:()=>import('../views/home.vue')
    }
]

// 创建router实例
export default createRouter({
    routes,
    history:createWebHashHistory(),
})