Vue+loopback安装与配置

网络后端框架大号

环回安装路径,参考网址

   http://loopback.io/getting-started/

推荐一个LoopBack 3.x手册网站:

    http://loopback.io/doc/en/lb3/Use-API-Explorer.html

安装步骤(可以参考回送简书来深入学习:HTTPS://www.jianshu.com/p/a1b482af0920)

1.安装loopback之前的一定要检查一下node,Python,ruby环境是否安装完毕

(同时调出win + R,输入cmd后回车。输入节点-v,Python检查是否安装成功)

2.假设节点安装完毕,开始安装loopback CLI工具

(推荐官网npm转换cnpm的网址:

  https://sebastianblade.com/the-truly-way-to-install-upgrade-npm-dependency-in-china/

升级npm为cnpm:npm我package-registry = https://registry.npm.taobao.org

输入cnpm / npm install -g loopback-cli

3.创建一个“hello-world”loopback的应用程序

4.创建模型

     磅模型

5.生成器引导您完成模型创建,输入以绿色突出显示的值,如果接受默认值,只需按输入键即可。

6.以人物模型定义firstname属性(根据图片填写)

  对姓氏属性重复这些步骤,当系统提示您完成创建,按回车键

7.安装完毕可以用

    slc -v查看版本

    slc -help确定是否安装成功

8.运行应用程序

    节点。

输出:

  在http://0.0.0.0:3000/explorer浏览你的RESTAPI

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是使用Vue和Cesium配置开发环境的步骤: 1. 首先,确保你已经安装了最新版本的Vue CLI。你可以使用以下命令来检查Vue CLI的版本: ```shell vue --version ``` 2. 如果你还没有安装Vue CLI,可以使用以下命令来全局安装Vue CLI: ```shell npm install -g @vue/cli ``` 3. 创建一个新的Vue项目。你可以使用以下命令来创建一个新的Vue项目: ```shell vue create my-cesium-project ``` 4. 进入到项目目录中: ```shell cd my-cesium-project ``` 5. 安装Cesium和相关的依赖。你可以使用以下命令来安装Cesium和vite-plugin-cesium: ```shell npm install cesium vite-plugin-cesium ``` 6. 在项目的根目录下创建一个vite.config.js文件,并添加以下内容: ```javascript import { defineConfig } from 'vite'; import cesium from 'vite-plugin-cesium'; export default defineConfig({ plugins: [cesium()], }); ``` 7. 在项目的根目录下创建一个.vue文件,例如App.vue,并在其中引入Cesium的相关组件和样式: ```vue <template> <div id="cesiumContainer"></div> </template> <script> import { Viewer } from 'cesium/Source/Cesium'; export default { mounted() { const viewer = new Viewer('cesiumContainer'); }, }; </script> <style> @import url('cesium/Build/Cesium/Widgets/widgets.css'); #cesiumContainer { height: 400px; } </style> ``` 8. 在项目的根目录下运行以下命令来启动开发服务器: ```shell npm run dev ``` 9. 打开浏览器并访问http://localhost:3000,你将看到一个包含Cesium地球的页面。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值