[vue创建项目]创建一个ts项目

创建步骤 (最近用npm总是出错,所以可以选择用cnpm或者用yarn来安装)

• 第一步, 如果没有安装@vue/cli, 先安装

yarn global add @vue/cli

• 第二步, 创建自己的目录

vue create my-project

这个过程会询问一系列的问题我选择如下

1. Choose Vue version
2. Babel,
3. typeScript
4. Vue Router
5. Vuex
6. CSS Pre-processors 其他的基本上都是y

最后会问你是用npm 还是用 yarn 运行项目 我选的是yarn 确定之后它会自己执行

执行成功后进去创建的文件夹,然后运行yarn serve 就可以直接打开浏览器预览

创建完成后可以看到他的目录结构

看一下他main.ts,代码确实简单

页面中用到的语法

确实比用js代码简洁多,我也尝试用ts来完成些功能