VUE3(三)项目配置插件支持

简介: 上一篇中我们创建了项目并成功运行。这里为我的项目添加依赖,我这里使用的是yarn。

QQ图片20220423161732.jpg

上一篇中我们创建了项目并成功运行。


这里为我的项目添加依赖,我这里使用的是yarn。


1:安装vue-router


yarn add vue-router@next


2:安装vuex


yarn add vuex@@next


3:安装组件库Ant Design Vue


yarn add ant-design-vue@next


4:安装typescript


yarn add -D typescript


使用 TypeScript


main.js 重命名为 main.ts


index.html 里把 /src/main.js 替换为 /src/main.ts


...
<body>
  <div id="app"></div>
  <script type="module" src="/src/main.ts"></script>
</body>
</html>


5:安装axios


yarn add -D axios


6:安装qs


yarn add -D qs


7:安装sass


yarn add -D sass


当前只是安装了这些比较基础的插件支持,后期会不断更新。


最后更新插件命令:


yarn global upgrade



目录
相关文章
|
2天前
|
移动开发 前端开发
ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
11 1
|
2天前
|
JavaScript 前端开发
vue2升级到vue3的一些使用注意事项记录(四)
vue2升级到vue3的一些使用注意事项记录(四)
|
2天前
|
移动开发 前端开发
ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
|
2天前
|
移动开发 前端开发
ruoyi-nbcio-plus基于vue3的flowable多租户机制
ruoyi-nbcio-plus基于vue3的flowable多租户机制
|
2天前
|
移动开发 前端开发
ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
|
2天前
|
JavaScript 前端开发
vue3中使用动态组件
vue3中使用动态组件
|
2天前
|
JavaScript 前端开发 容器
Vue 3 中 <transition-group> 组件报错的非 props 属性传递问题
Vue 3 中 <transition-group> 组件报错的非 props 属性传递问题
12 1
|
2天前
|
移动开发 JavaScript 前端开发
ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
|
2天前
|
移动开发 前端开发
ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
|
2天前
|
移动开发 前端开发
ruoyi-nbcio-plus基于vue3的flowable的自定义业务撤回申请组件的升级修改
ruoyi-nbcio-plus基于vue3的flowable的自定义业务撤回申请组件的升级修改
10 2