用Vscode创建一个vue项目

励志成为大师

已于 2024-06-06 15:50:40 修改

阅读量267

点赞数 10

于 2024-06-06 15:49:26 首次发布

本文链接：https://blog.csdn.net/cuter_/article/details/139502357

版权

要在VSCode中创建一个Vue项目，你可以使用Vue CLI（Vue.js的官方命令行工具）。以下是创建Vue项目的步骤：

如果尚未安装Vue CLI，请在终端中运行以下命令进行安装：

npm install -g @vue/cli

创建一个新的Vue项目，运行以下命令：

vue create my-vue-project

其中my-vue-project是你的项目名称。

如果运行上述命令报错：

vue : 无法加载文件 D:\Program Files\node\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ vue create vueDemo
+ ~~~
    + CategoryInfo          : SecurityError: (:) []，PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

你可以使用 npm 命令的前缀 npx 来运行 vue 命令，这会绕过 PowerShell 执行策略的限制：

npx vue create my-vue-project

在创建项目时，你可能会被提示选择一个预设（默认设置、手动选择特性等）。

选择完毕后，Vue CLI将会自动为你安装所选择的预设和其他配置的依赖项。

等待安装完成后，你可以通过以下命令启动开发服务器：

cd my-vue-project
npm run serve

以上步骤将会在你的本地环境中创建并启动一个新的Vue项目。如果你的VSCode没有安装Vue工具或者需要更新Vue版本，可以通过VSCode的Extensions（扩展）功能搜索并安装Vue Language Features (Volar) 或 Vue 3 Language Features (Volar) 扩展，以获得更好的Vue代码智能感知和提示。