确认是否已在计算机上安装了 Node.js。可以通过在终端或命令提示符下运行 node -v 命令来确认是否安装了 node。
全局安装 Vue CLI v2。可以通过在终端或命令提示符下运行以下命令来安装:
npm install -g vue-cli@2
在 VS Code 中创建一个新文件夹作为您的项目根目录,并打开它。
点击左侧菜单栏的“终端”,再选择“新建终端”。
在终端或命令提示符中,进入新建文件夹,并运行 vue init 命令。例如,cd my-project 进入目录,vue init 命令则为:
vue init webpack .
注意,此命令的最后一个字符是一个点 .,表示将当前目录用作项目根目录。
然后将提示回答几个问题,例如项目名称、作者、描述等。
接下来,选择需要的特性,例如 ES lint、自动化测试等等。
最后,应用程序模板将被生成到当前目录中,并等待使用 npm install 命令安装项目依赖项。
完成后,可以使用命令 npm run dev 在本地开发环境中启动 Vue 应用程序。
完整的指南可以查看 Vue CLI v2 文档:https://v2.vuejs.org/v2/guide/installation.html#CLI
另外,在运行过程中发现vue命令无法使用,应该是重装系统之后系统禁止执行 PowerShell 脚本
解决步骤:
1.打开 Windows PowerShell(或管理员权限的 PowerSShell),然后键入以下命令:
Get-ExecutionPolicy
2.如果返回结果为 Restricted,则说明 PowerShell 的执行策略限制了脚本的运行。我们需要将其更改为 RemoteSigned。执行以下命令:
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
此命令将为当前用户设置可以运行本地脚本,但仍会阻止来自 Internet 的脚本。
现在再次尝试运行 vue 命令,应该不会再出现权限错误了。