Vue3.x+TypeScript学习(一.安装开发环境)
windows打开cmd窗口,输入命令:
npm install -g @vue/cli
安装完成后检查是否安装,输入命令查看vue版本:
vue --version
1.随后创建一个文件夹,存放vue项目,使用__vscode__ 打开
在vscode终端创建一个项目
vue create 项目名称
2.询问是否需要科学上网,使用淘宝源,输入Y,不使用的话网速会很慢
3.然后是叫我们选择一个模板,有三个选项 vue2模板,vue3模板,自定义模板,由于我们这边要使用TypeScript,所以选择第三个.
这里带*的表示已经选择的模板,按方向下键选择TypeScript,再按下空格键就选中了,这边选择这四项即可,按下enter键进入下一步
4.选择3.x版本
5.是否使用class-style样式,n
是否使用TypeScript Babel,n
6.选择第一项默认的即可
7.选第一项
8.这里是将配置文件单独写入一个文件还是写入到package.json,选第一项
9.询问是否要将这些设置保存起来,下次直接使用,不保存 n
10.如果你安装了yarm和npm,会询问使用哪个进行构建,这边我只安装了npm,就结束了,据说yarm构建会更快,准备后面去装一个试试
最后完成之后是这样的