创建一个vue项目，创建一个新的vue项目

【笔记】使用Vite搭建Vue3(TypeScript版本)项目

使用Vite搭建Vue的TypeScript版本的时候，可以使用 Vite自带的模板预设 —— vue-ts 。执行命令行 ：执行命令行（安装最新版本）：router.ts 执行命令行（安装最新版本）：Vuex 没有为 this.$store 属性提供开箱即用的类型声明。

另外，Vue3支持 Typescript 语法编程也是其中一大亮点，为了 探索 新技术的工程化搭建，本文会把Typescript、vite、pinia等官方周边整合到工程里面。

注意：如果你的项目根目录没有配置tsconfig.json，需要先添加该文件，参考： tsconfig.json · TypeScript中文网 · TypeScript——JavaScript的超集 在引用vue-cesium组件的文件内ts也会Cesiu未找到的错误，可以配置ts只忽略该文件。

not part of import statement 。

构建实用VUE3项目

首先，让我们踏上创建Vue 3项目的奇妙旅程。在命令行中，输入强大的命令行工具 vue create，后跟你的项目名，如我这里的是jswisdow，按回车键启动构建过程。（vue create 是你的启动器）在项目生成的选项中，选择 Manually select features，这是让你根据项目需求自定义配置的关键步骤。

vue-cli3 最大的特点就是 零配置 ，脚手架把webpack相关的配置都隐藏在@vue\preload-webpack-plugin中，默认的配置可以满足大部分应用场景，优点是我们可以节省很多折腾配置的时间，webpack对于新手来说，还是有点门槛的，这样一来，新人上手可以更关注于vue的编码上。

Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动。使用 Vite 可以快速构建 Vue 项目。 Vite 需要 Node.js版本 10以上。在Vue3中，定义计算属性，需要引入computed组合式API。

vue2/vue3环境搭建

1、使用Vite搭建Vue的TypeScript版本的时候，可以使用 Vite自带的模板预设 —— vue-ts 。执行命令行 ：执行命令行（安装最新版本）：router.ts 执行命令行（安装最新版本）：Vuex 没有为 this.$store 属性提供开箱即用的类型声明。

2、vue3使用环境：Vue CLI x以上，Node.js版本 9以上。main.js Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动。使用 Vite 可以快速构建 Vue 项目。 Vite 需要 Node.js版本 10以上。在Vue3中，定义计算属性，需要引入computed组合式API。

3、打开工程目录下的ehome。vue3和vue2项目两个是联系在一起的，打包部署到vue2项目运行只需要打开工程目录下的ehome即可。Vue是一套用于构建用户界面的渐进式JavaScript框架。

4、Vue3. 在线源码编译地址 setup 是所有 Composition API 的容器，值为一个函数。

5、创建一个异步加载组件 // 高阶组件 在当前应用中查找组件， 只能在 render 或 setup 函数中使用。查找组件 在当前应用中查找指令， 只能在 render 或 setup 函数中使用。将回调推迟到下一个 DOM 更新周期之后执行。在更改了一些数据以等待 DOM 更新后立即使用它。

6、搭建vite项目的命令。我的目前是115，升级一下：目前是0 新建vite项目命令行：输入y即可。

vue项目完整搭建步骤

首先，让我们踏上创建Vue 3项目的奇妙旅程。在命令行中，输入强大的命令行工具 vue create，后跟你的项目名，如我这里的是jswisdow，按回车键启动构建过程。（vue create 是你的启动器）在项目生成的选项中，选择 Manually select features，这是让你根据项目需求自定义配置的关键步骤。

在终端输入以下命令：检测cnpm是否安装成功 vue-cli是vue脚手架工具，方便打包，部署，测试等。

创建一个 Vue 实例，使用 Vue 构造函数来创建一个 Vue 实例。 在 Vue 实例中定义数据、计算属性、方法等。 在 HTML 中使用模板语法来绑定数据到视图上。 使用 Vue Router 来实现路由管理。 使用 Vuex 来实现状态管理。这些步骤可以帮助你快速搭建一个基于 Vue 的 MVVM 框架。

全局安装 vue-cli ，在命令提示窗口执行：cnpm install -g vue-cli安装vue-cli出现以上提示表示vue-cli正常安装成功，可以正式创建vue-cli工程项目了。

步骤一： 可视化的形式创建vue项目： vue -V 。

当然在这整个过程（搭建环境 + 开发示例demo）中，涉及到以下几点知识点。包括：koa2的知识点node的知识点跨域问题fetch的使用axios的使用promise的涉及vuex - state、mutations、actions的使用第一部分：环境搭建vue + vuex环境首先是vue + vue-router + vuex的环境。