这是一个示例Todo List应用程序,使用Vue.js作为前端框架,Node.js/Express作为后端API,并使用MongoDB作为数据库。
添加新的todo项 编辑和删除已有的todo项 根据关键字搜索todo项 改变已完成未完成状态 显示到期时间和优先级信息
- Vue.js 3
- Vuex
- Vue Router
- Axios
- Node.js
- Express.js
- MongoDB
- Mongoose
克隆该项目并进入项目目录:
此外您需要自己重新使用 npm install 安装依赖库文件。
git clone https://github.com/IICSC/MyTodo.git
cd your_project
在终端中进入vue.app目录并安装依赖:
cd vue.app
npm install
在终端中进入server目录并安装依赖:
cd ../server
npm install
启动MongoDB服务:
mongod
在新的终端中打开服务器:
cd server
node server.js
在新的终端中打开客户端:
cd ../vue.app
npm run serve
打开浏览器并访问“http://localhost:8080/”,即可访问应用程序。
如果您想了解有关这些技术的更多信息,请参阅以下官方文档:
-
Vue.js: https://v3.vuejs.org/
-
Vue Router: https://next.router.vuejs.org/
-
Axios: https://axios-http.com/
-
Node.js: https://nodejs.org/en/
-
Express.js: https://expressjs.com/
-
MongoDB: https://www.mongodb.com/
-
Mongoose: https://mongoosejs.com/
此外,您还可以在以下网站上找到更多Vue.js和Node.js学习资源:
-
Vue Mastery: https://www.vuemastery.com/
-
Scotch.io: https://scotch.io/
-
Node.js Documentation: https://nodejs.org/en/docs/