【vue3_cesium】1.创建vue项目

背景

近期接到导师新分配的任务，做一个险工险段的三维数字平台。此前零散学过一点vue和cesium，但没有很好地将其结合起来。并且好多东西都忘记了，值此之际，开一个文章系列，记录一下该项目的一些过程，以便日后温习。

一、创建vue3项目

1.配置淘宝镜像

打开命令行，

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.全局安装脚手架

npm install -g @vue/cli

3.创建vue3项目
进入你想创建项目的文件夹，打开cmd：

vue create yourProjectName

根据自身需求选择vue版本，此处我选择vue3

4.运行项目

 cd yourProjectName
 
 npm run serve

二、项目代码分析

打开创建的项目，找到src文件夹中的main.js，分析如下

//相比于vue2，引入的不再是Vue构造函数，而是createApp工厂函数
import { createApp } from 'vue'
//与vue2一致
import App from './App.vue'
// 创建应用实例对象，并将其挂载至容器
createApp(App).mount('#app')

APP.vue中

<template>
<!-- vue3中可以没有根标签 -->
  <img alt="Vue logo" src="./assets/logo.png">
  <HelloWorld msg="Welcome to Your Vue.js App"/>
</template>

三、杂项

此项用于记录处理学习过程中的一些小问题。

1.xxx is defined but never used
解决方案：
在package.json或者.eslintrc.js中找到 eslintConfig 块，在其rules下加入"no-unused-vars": “off”，再重新run即可
出处：解决方案