ZhuShijie

能不能介绍一下代码都是在哪个脚手架创建项目的哪个页面里跑呢？我使用preset init hello-vue --template vue3-ts-vite创建了项目，然后修改项目里的bar.vue，运行“响应式API之toRef与toRefs---在业务中的具体运用”下面的代码，跑不通，提示的错误又没什么头绪，在网上找了好多宣称能实时运行VUE代码的网站，也无法运行代码。

> 能不能介绍一下代码都是在哪个脚手架创建项目的哪个页面里跑呢？我使用preset init hello-vue --template vue3-ts-vite创建了项目，然后修改项目里的bar.vue，运行“响应式API之toRef与toRefs---在业务中的具体运用”下面的代码，跑不通，提示的错误又没什么头绪，在网上找了好多宣称能实时运行VUE代码的网站，也无法运行代码。 找到问题了，bar.vue里页面里script标签是，就是这个setup和示例代码的export default冲突。这个细节对于新手来说太坑了。

对于一个新环境，这里直接创建的脚手架居然是不能用的，因为会依次提示： 'vue-tsc' 不是内部或外部命令，也不是可运行的程序或批处理文件。 'vite' 不是内部或外部命令，也不是可运行的程序或批处理文件。 ``` 全局安装脚手架 npm install -g create-preset 使用 `vue3-ts-vite` 模板创建一个名为 `hello-vue3` 的项目 preset init hello-vue3 --template vue3-ts-vite ``` 为什么markdown的语法都是个白框框Orz