0
点赞
收藏
分享

微信扫一扫

vite搭建vue3项目

女侠展昭 2023-09-10 阅读 31

node.js安装

https://nodejs.org/download/release/v15.14.0/在这里插入图片描述
管理员运行cmd node -v
在这里插入图片描述
安装npm npm install -g cnpm --registry=https://registry.npm.taobao.org
查看是否安装成功 npm -v
在这里插入图片描述
注册淘宝镜像加速器 npm config set registry https://registry.npm.taobao.org/
查看镜像使用状态 npm config get registry
在这里插入图片描述
全局安装Vue-cli npm install vue-cli -g
在这里插入图片描述
查看是否安装成功 vue list
在这里插入图片描述

Vue-cli搭建

进入要安装的目录
在这里插入图片描述
vue init webpack MY-VUE
在这里插入图片描述
在这里插入图片描述
进入项目
在这里插入图片描述
安装路由npm install vue-router@3.2.0 -S
安装element-uinpm i element-ui -s
安装依赖npm install
安装axios npm install --save axios vue-axios
安装SAsSnpm install -g cnpm --registry=https://registry.npm.taobao.org
安装echartsnpm install echarts@4.9.0
npm run dev
在这里插入图片描述

修改端口

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

安装 WebPack

npm install webpack webpack-cli -g
在这里插入图片描述

子组件获取父组件的值,调用父组件方法

获取父组件值
在这里插入图片描述
在这里插入图片描述
调用父组件方法
在这里插入图片描述
在这里插入图片描述
效果
在这里插入图片描述

举报

相关推荐

0 条评论