企业应用架构研究系列二十七:Vue3.0 之环境的搭建与Vue Antd Admin探索

虚幻大学 xuhss 154℃ 0评论

Python微信订餐小程序课程视频

https://edu.csdn.net/course/detail/36074

Python实战量化交易理财系统

https://edu.csdn.net/course/detail/35475
  开发前端需要准备一些开发工具,这些工具怎么安装就不详细描写了,度娘一些很多很多。主要把核心的开发工具列表一些,这些资源也是非常容易找到和安装的。

  • Node 安装:https://nodejs.org/en/ 安装LTS版本,验证安装成功:node -v ; npm -v
  • Typescript 安装:npm install typescript -g 验证安装成功:tsc -v
  • Yarn 安装:npm install -g yarn 验证安装成功:yarn -v
  • Vue3.0 以及相关工具安装:npm install vue@next ;npm install -D @vue/compiler-sfc;yarn global add @vue/cli;

      设置NPM包镜像地址,更改成淘宝镜像:npm config set registry=https://registry.npm.taobao.org,执行检查:npm config list

  Windows10 安装Typesscript 的时候可能会遇到一个小坑,需要把RemoteSigned 打开,需要执行一个PowerShell 语句:set-ExecutionPolicy RemoteSigned,安装完毕后,按照下图检查,第一阶段前端开发必须条件安装完毕。

  8edb1bb6791116b7719b0c6d7a5cb606 - 企业应用架构研究系列二十七:Vue3.0 之环境的搭建与Vue Antd Admin探索

  安装完相应的前端开发工具,现在开始研究一下开源的前端框架,我推荐先研究“Vue Antd Admin” 这个不错的框架,省去了很多不必要的开发。首先clone 下来源码:git clone https://github.com/iczer/vue-antd-admin,下载 完毕后,进入文件夹,先按照文档提示,先运行起来,看看效果。打开PowerShell 工具,运行:$ yarn install; $ yarn serve

  运行后效果如下图,感觉界面风格比较中规中矩,适合大部分的管理平台。后面讲对该框架进行逐步的探索。

  bfa80e8f9dc519ad3ca2f82454fc7612 - 企业应用架构研究系列二十七:Vue3.0 之环境的搭建与Vue Antd Admin探索

  f48f99cb9dbbab15c0ce0621bba1dabf - 企业应用架构研究系列二十七:Vue3.0 之环境的搭建与Vue Antd Admin探索

转载请注明:xuhss » 企业应用架构研究系列二十七:Vue3.0 之环境的搭建与Vue Antd Admin探索

喜欢 (0)

您必须 登录 才能发表评论!