环境安装部署
1安装node.js
cmd检测安装是否成功
检查是否安装成功：node -v
2、搭建vue环境
npm install -g @vue/cli
检测是否安装成功
vue -V
3、创建vue3项目
vue create 项目名（demo01）
xxx.vue 的结构分3个部分：
<template>
<div class=”hello”>
<h1>{{ msg }}</h1>
</div>
</template>
<script lang=”ts”>
import { Options, Vue } from ‘vue-class-component’;
</script>
<style scoped>
h3 {
margin: 40px 0 0;
}
</style>
package.json:
为安装包信息和程序入口
4、添加组件
npm install element-plushttp://element-plus.org/zh-CN/
App.vue加入组件
import { Options, Vue } from ‘vue-class-component’;
import Tree from “@/components/Tree.vue”;
import TreeTable from “@/components/TreeTable.vue”;
5、启动项目
cd 项目名
npm run serve
运行成功：
原创文章，作者：guozi，如若转载，请注明出处：https://www.sudun.com/ask/81917.html
