接下来我们将完成项目的初始化工作,包括Vue.js和Node.js的开发环境搭建。按照以下步骤操作:
1. 初始化 Vue.js 项目
首先,确保你已经安装了 Node.js 和 Vue CLI。如果还没安装,请按照以下步骤:
安装 Vue CLI(如果还没有)
npm install -g @vue/cli
创建 Vue 项目
vue create online-course-management
你可以选择默认配置或者根据需求选择手动配置,通常建议选择手动配置,并添加以下选项:
- Babel
- Vue Router
- Vuex(可选,状态管理可视项目复杂度决定)
- ESLint + Prettier(保持代码风格一致)
启动开发服务器
进入项目目录后,启动开发服务器:
cd online-course-management
npm run serve
此时你应该可以在浏览器中访问 http://localhost:8080
,看到一个默认的 Vue.js 项目页面。
2. 初始化 Node.js 和 Express 服务器
创建 Node.js 项目
在你的项目