创建一个vue+typescript项目
2021-01-22 本文已影响0人
过年好_
创建一个
1.生成package.json文件
yarn init -y
![](https://img.haomeiwen.com/i23574696/e2ea92d0b98cddf1.png)
2.下载最新脚手架(指定版本下载:yarn add -D @vue/cli@3.3.0)
yarn add -D @vue/cli //window
安装完成就是一大堆这个
![](https://img.haomeiwen.com/i23574696/75633be2a5c598b0.png)
查看版本
npx Vue -V //V是大写的!!!
![](https://img.haomeiwen.com/i23574696/4c1c6fd76c0e35cb.png)
3.构建项目 vue-typescript-project 项目名字不能有大写字母
npx vue create vue-typescript-project //然后 回车
4.选择Manuallly select features
![](https://img.haomeiwen.com/i23574696/82e6d48c9efa7d87.png)
![](https://img.haomeiwen.com/i23574696/184f093b75a8aec6.png)
我选择了2.x
![](https://img.haomeiwen.com/i23574696/e56dcc6b492a02fb.png)
5.是否用类样式组件的语法 Y
![](https://img.haomeiwen.com/i23574696/c38451afdf104533.png)
6.照着后面蓝色的字选把 太多了
![](https://img.haomeiwen.com/i23574696/e05a17254f091cac.png)
7.然后等待把
![](https://img.haomeiwen.com/i23574696/591e17d82f8e8f71.png)
8.完成了 打开他把 我用的webStorm开发工具
![](https://img.haomeiwen.com/i23574696/7c70b3afefd9b4de.png)
linux
npm install -g @vue/cli //linux
yarn global add @vue/cli //linux
linux系统下下载完vue 还得建立软连接 记得在你node下面的bin目录下安装
#sudo ln -s /home/yjq/你的安装路径/bin/vue /usr/local/bin/vue
vue -V v大写!!
npm install -g @vue/cli@3.3.0
whereis vue //查找路径
ln -s /yjq/node/bin/vue /usr/bin/vue
vue -V