使用vue UI安装路由插件

1.使用vue创建项目

vue create vue-app

vue ui

 2.使用vue ui界面创建管理项目

终端页面输入:vue ui

创建项目

安装完成。可以直接在ui界面运行,也可以在编辑器中使用命令运行

安装路由,安装状态

选择插件 - 添加vue-router、添加vuex

安装完成vue-router后会在项目文件夹src中生成一个router文件夹以及文件夹下生成一个index.js文件

添加vuex状态管理

安装完成vuex后项目文件夹src下会生成一个store文件夹以及文件夹下生成一个index.js文件

点击任务,serve,运行项目,运行完后点击“启动app”后在浏览器中打开项目文件

至此就安装完成项目以及添加路由和状态管理成功了

相关推荐

  1. Crow:局部2 调用before_handle

    2023-12-07 07:36:03       61 阅读
  2. VueUse使用

    2023-12-07 07:36:03       68 阅读
  3. 使用

    2023-12-07 07:36:03       59 阅读
  4. vue使用

    2023-12-07 07:36:03       42 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-07 07:36:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-07 07:36:03       101 阅读
  3. 在Django里面运行非项目文件

    2023-12-07 07:36:03       82 阅读
  4. Python语言-面向对象

    2023-12-07 07:36:03       91 阅读

热门阅读

  1. 【10】PyQt面向对象

    2023-12-07 07:36:03       65 阅读
  2. tomcat 有哪几种Connector 运行模式(优化)?

    2023-12-07 07:36:03       54 阅读
  3. Mysql的事务日志

    2023-12-07 07:36:03       57 阅读
  4. AIGC: 关于ChatGPT中进行情感分析的功能

    2023-12-07 07:36:03       49 阅读
  5. Visual Studio 快捷键记录

    2023-12-07 07:36:03       47 阅读
  6. Golang WebSocket Ping Pong

    2023-12-07 07:36:03       43 阅读
  7. 【前端设计模式】之单例模式

    2023-12-07 07:36:03       61 阅读
  8. 单例模式(Singleton Pattern)

    2023-12-07 07:36:03       67 阅读
  9. Golang实践录:读取toml配置

    2023-12-07 07:36:03       55 阅读
  10. ElasticSearch 了解文本相似度 TF-IDF吗?

    2023-12-07 07:36:03       47 阅读
  11. Go语言语法上的一些主要特点(1)

    2023-12-07 07:36:03       51 阅读
  12. 人工智能对现代生活的影响

    2023-12-07 07:36:03       48 阅读