初始化vue3项目

作者: 前端来入坑 | 来源:发表于2021-09-25 10:18 被阅读0次

npm init @vitejs/app vue3-demo

cd vue3-demo
npm install
npm run dev

image.png
入口文件：index.html中导入了src目录下的main.ts模块；
main.ts：从vue中导入createApp方法和App组件挂载到#app元素上。

引入组件has no default export.
tsconfig.ts 添加

{
  compilerOptions:{
    allowSyntheticDefaultImports: "true" 
  }
}

还是会提示错误

解决方法：
1、打开文件-首选项-设置
2、搜索validate，去掉javascript的验证，重启vscode如下

image.png

vue3学习源码准备工作
1. 学习路线使用正常初始化项目的方式， vite + vue3 脚手架的方式初始化项目 vite网站[http...
Taro3.4开发微信小程序示例
一、安装脚手架并初始化项目安装脚手架初始化如下图，选择Vue3、Less、vue3-NutUI模板：二、安装...
vue3初始化项目
官方文档 https://cli.vuejs.org/[https://cli.vuejs.org/] 1、环境配...
初始化vite+vue3+ts项目
1、初始化项目 2、安装基础依赖 vue全家桶中最新版本添加@next 禁用vetur （支持vue3语法） 3、...
vue3项目
安装过程 1、安装vue3 2、创建vue3项目 3、启动vue3项目 4、vue3加载过程加载index.ht...
Taro3 + Vue3 + NutUi 校验配置
相关脚手架安装及项目初始化见NutUI官网 NutUI - 移动端 Vue2、Vue3、小程序组件库 (jd.c...
深入 Vue3 源码，学习初始化流程
搭建调试环境为了弄清楚 Vue3 的初始化，建议先克隆 Vue3 到本地。安装依赖修改 package.js...
初始化vue3项目
入口文件：中导入了目录下的模块；：从中导入方法和组件挂载到元素上。引入组件has no defa...
初始化vue3项目
创建Vue3项目：vue create item 选3.xclass-style 选Njsx选Yhistory选N...
新建 vue3 项目，以及报错 Cannot find modu
1. 新建 vue3 项目根据 vue3 官方文档[https://staging-cn.vuejs.org/g...