在 VS Code 中创建一个基于 Vue.js 2 的 vue-cli 项目

确认是否已在计算机上安装了 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 命令,应该不会再出现权限错误了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值