Vue CLI

创建日期:2024-06-21
更新日期:2024-12-27

官网:https://cli.vuejs.org/zh/

安装

npm install -g @vue/cli

创建新项目

命令行:

vue create my-project

用户界面:

vue ui

相关问题

1、Node.js v16.4.2安装@vue/cli报错:gyp: C:\Users\{User}\AppData\Local\node-gyp\Cache\16.4.2\common.gypi not found (cwd: C:\Users\{User}\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\bufferutil) while reading includes of binding.gyp while trying to load binding.gyp。

Visual Studio 2017没安装Visual C++,导致找不到编译器。安装Visual Studio C++后,删除C:\Users\{User}\AppData\Local\node-gyp\Cache目录,重新执行`npm install –g @vue/cli`即可。也可以执行以下代码安装C++编辑器。

npm install -g windows-build-tools
npm install -g node-gyp

2、VSCode执行npm create报错:vue : 无法加载文件 C:\Users\liteng\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。

(1)以管理员身份运行PowerShell。

(2)执行:get-ExecutionPolicy,显示Restricted,表示状态是禁止的。

(3)执行:set-ExecutionPolicy RemoteSigned。

(4)这时再执行get-ExecutionPolicy,就显示RemoteSigned。

(5)重启VSCode。