背景
近期接到导师新分配的任务,做一个险工险段的三维数字平台。此前零散学过一点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即可
出处:解决方案