vue3.0实现todolist(1) 环境的安装

有vue2.x基础,想学习vue3.0的

环境搭建

核心知识

todolist实践

 

todolist案例介绍:

1、组件的定义和使用

2、方法的定义和使用

3、路由的定义和使用

4、状态管理的定义和使用vuex

5、路由传参

6、vuex操作数据

7、父子组件传参

vue3.0实现todolist(1) 环境的安装

1.傻瓜式下载安装node

vue3.0实现todolist(1) 环境的安装

 

//是否安装成功
node -v
npm -v

2.安装好node后,安装淘宝镜像

//安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
//npm默认国外资源,装了镜像之后把国外资源 变成国内的,安装起来比较快。

//是否安装成功
cnpm -v

3.安装vue

//安装vue3.0
cnpm i -g vue @vue/cli

//是否安装成功
vue -V

vue -V 要4.5以上的版本

vue3.0实现todolist(1) 环境的安装

4.安装完成之后

vue create todolist

vue3.0实现todolist(1) 环境的安装

vue3.0实现todolist(1) 环境的安装

vue3.0实现todolist(1) 环境的安装

vscode打开项目

默认启动npm run serve

vue3.0实现todolist(1) 环境的安装

vue3.0实现todolist(1) 环境的安装

vue3.0实现todolist(1) 环境的安装

文件和目录结构

node_modules依赖文件

vue3.0实现todolist(1) 环境的安装

src文件夹

vue3.0实现todolist(1) 环境的安装

上一篇:百度Java中级岗面试领取


下一篇:Using C++ Models in QML