Nacos配置

1、如何使用Nacos作为配置中心统一管理配置
1）、引入依赖，

com.alibaba.cloud
spring-cloud-starter-alibaba-nacos-config

2）、创建一个bootstrap.properties。
spring.application.name=gulimall-coupon
spring.cloud.nacos.config.server-addr=127.0.0.1:8848
3）、需要给配置中心默认添加一个叫 数据集（Data Id）gulimall-coupon.properties。默认规则，应用名.properties
4）、给 应用名.properties 添加任何配置
5）、动态获取配置。
@RefreshScope：动态获取并刷新配置
@Value(“${配置项的名}”)：获取到配置。
如果配置中心和当前应用的配置文件中都配置了相同的项，优先使用配置中心的配置。
2、细节
1）、命名空间：配置隔离；
默认：public(保留空间)；默认新增的所有配置都在public空间。
1、开发，测试，生产：利用命名空间来做环境隔离。
注意：在bootstrap.properties；配置上，需要使用哪个命名空间下的配置，
spring.cloud.nacos.config.namespace=9de62e44-cd2a-4a82-bf5c-95878bd5e871
2、每一个微服务之间互相隔离配置，每一个微服务都创建自己的命名空间，只加载自己命名空间下的所有配置
2）、配置集：所有的配置的集合
3）、配置集ID：类似文件名。
Data ID：类似文件名
4）、配置分组：
默认所有的配置集都属于：DEFAULT_GROUP；
1111，618，1212
项目中的使用：每个微服务创建自己的命名空间，使用配置分组区分环境，dev，test，prod
3、同时加载多个配置集
1）、微服务任何配置信息，任何配置文件都可以放在配置中心中
2）、只需要在bootstrap.properties说明加载配置中心中哪些配置文件即可
3）、@Value，@ConfigurationProperties。。。
以前SpringBoot任何方法从配置文件中获取值，都能使用。
配置中心有的优先使用配置中心中的

在vscode中配置Vue模板

  1. —>文件
  2. —>首选项
  3. —>用户片段
  4. —>在方框中输入vue
  5. —>会打开vue.json文件
    1. {
    2.  "生成 vue 模板": {
    3.      "prefix": "vue",
    4.      "body": [
    5.          "<template>",
    6.          "<div></div>",
    7.          "</template>",
    8.          "",
    9.          "<script>",
    10.          "//这里可以导入其他文件（比如：组件，工具 js，第三方插件 js，json 文件，图片文件等等）",
    11.          "//例如：import 《组件名称》 from '《组件路径》';",
    12.          "",
    13.          "export default {",
    14.          "//import 引入的组件需要注入到对象中才能使用",
    15.          "components: {},",
    16.          "props: {},",
    17.          "data() {",
    18.          "//这里存放数据",
    19.          "return {",
    20.          "",
    21.          "};",
    22.          "},",
    23.          "//计算属性 类似于 data 概念",
    24.          "computed: {},",
    25.          "//监控 data 中的数据变化",
    26.          "watch: {},",
    27.          "//方法集合",
    28.          "methods: {",
    29.          "",
    30.          "},",
    31.          "//生命周期 - 创建完成（可以访问当前 this 实例）",
    32.          "created() {",
    33.          "",
    34.          "},",
    35.          "//生命周期 - 挂载完成（可以访问 DOM 元素）",
    36.          "mounted() {",
    37.          "",
    38.          "},",
    39.          "beforeCreate() {}, //生命周期 - 创建之前",
    40.          "beforeMount() {}, //生命周期 - 挂载之前",
    41.          "beforeUpdate() {}, //生命周期 - 更新之前",
    42.          "updated() {}, //生命周期 - 更新之后",
    43.          "beforeDestroy() {}, //生命周期 - 销毁之前",
    44.          "destroyed() {}, //生命周期 - 销毁完成",
    45.          "activated() {}, //如果页面有 keep-alive 缓存功能，这个函数会触发 ",
    46.          "}",
    47.          "</script>",
    48.          "<style lang='scss' scoped>",
    49.          "//@import url($3); 引入公共 css 类",
    50.          "$4",
    51.          "</style>"
    52.      ],
    53.      "description": "生成 vue 模板"
    54.  }
    55. }
    在vue扩展文件中直接输入vue，选择模板就能看到一个完整的模板代码