做网站运营需要学什么条件杭州建筑市场信用网

今天学习一下vue3+ts技术！

vue3有两种创建方式

（1）vue-cli

（2）vite（官方推荐）

所以我用vite创建一个项目

直接在官网上面写一个这个！cmd执行完后，会让你输入项目名称

接下来选择一个ts语法，剩下的全不选，直接回车创建项目，然后，用vscode打开即可！

src最重要了！然后直接npm i，下载依赖，接着npm run dev，直接跑项目即可

我们现在开始剖析这个项目，首先我们看见index.html引入的是src目录下main.ts这个文件！

接着我们进入main.ts文件createApp就是创建一个应用，App就是一个根组件，也就是说，我们引入别的组件的时候，都需要在app.vue里面引入一下！createApp(App)这个就是把根放进去！创建一个App！然后.mount（‘#app’）也就是将App挂载一下，也就是在index.html里面摆放的位置！

接着说一下App.vue是跟组件，然后components这个组件的文件夹里面放的就是叶组件哈哈哈哈！其实src里面必不可少的两个文件就是App.vue和main.ts这俩文件！我把src删了，然后重新创建文件，然后新建一个src，main.ts，和App.vue，直接启动项目！没东西，哈哈哈因为你的main.ts里面没东西，所以我们开始写！

启动项目，写点东西