Vue3.0实现todolist（Vue3.0环境搭建）

参考文档：https://blog.csdn.net/ll666888999/article/details/123789098 参考视频：https://www.imooc.com/learn/1300 官方文档查看文档：https://v3.cn.vuejs.org/

准备工作

1、官网安装node，进入node.js官网安装长期支持版 打开终端输入：node -v 如果出现node版本号，表明安装成功 安装node自带npm,包管理工具 输入npm -v 出现npm的版本号

2、安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 输入cnpm -v 会出现一系列版本号，说明安装成功

3、安装vue环境：cnpm i -g vue @vue/cli 输入vue -V检测vue是否装好

步骤

1：进入d盘 创建一个项目 vue create todolist 这里需要注意一下 要选择Manually select features

等待命令执行 这个时候会发现d盘多了一个文件夹todolist

2:使用vscode打开todolist 在终端运行命令npm run serve

项目创建启动成功 可以在浏览器里面查看 这个时候就可以开始造代码了

文件和目录结构

node_modules 存放所有依赖
public favicon.ico 浏览器左上角显示的图标
index.html 项目最终上线的代码
src文件夹 assets文件夹：存放静态资源，包括图标、图片等
components文件夹：存放一般组件
router文件夹：配置路由
store文件夹：配置状态管理
views文件夹：存放路由组件
App.vue：根组件
main.js：项目组入口js文件，引入第三方的库和插件
.browserslistrc 管理浏览器版本的
.gitignore 上传git中忽略的文件
bable.config.js 配置bable的，转移js语法
package-lock.json 所有包的具体信息
package.json 包管理文件
README.md 项目介绍