一:全局安装vue/cli 

npm install -g @vue/cli
安装完成后检查版本
vue --version

二:构建项目创建文件

vue create projectName

有的刚开始创建会报错类似这种的

vue : 无法加载文件 C:\Users\admin\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Executi
所在位置 行:1 字符: 1

解决办法:

1.以管理员身份打开windows PowerShell

2.输入 set-ExecutionPolicy RemoteSigned  选择 y 即可

   

vite electron typescript 有坑 typescript vue.js_创建文件

 

三:开始创建(箭头指向选择,多选下空格表示确认)

    

vite electron typescript 有坑 typescript vue.js_创建文件_02

 

 四:创建成功开始运行

    

vite electron typescript 有坑 typescript vue.js_PowerShell_03

 

 五:完成

      

vite electron typescript 有坑 typescript vue.js_创建文件_04