创建一个Vue工程错误及坑

创建教程

打开window powerShell

在这里插入图片描述

创建项目

在这里插入图片描述
在这里插入图片描述
说明(本案例选择无默认设置,可用enter键进行选定)

 #默认vue2,内置一些vue2设置
 Default ([Vue 2] babel, eslint)
 #默认vue3,内置一些vue3设置
 Default (Vue 3) ([Vue 3] babel, eslint)
 #无默认设置
 Manually select features

在这里插入图片描述
说明(可使用空格进行选择)

>(*) Choose Vue version
 (*) Babel
 ( ) TypeScript
 ( ) Progressive Web App (PWA) Support
 ( ) Router
 ( ) Vuex
 ( ) CSS Pre-processors
 (*) Linter / Formatter
 ( ) Unit Testing
 ( ) E2E Testing

本案例选择(enter键结束选择)
在这里插入图片描述

在这里插入图片描述

报错信息描述
在这里插入图片描述

启动命令

 $ cd yeb
 $ npm run serve

解决方法

改变执行策略

PS E:\3.0itemstudy\yun_office_front>  set-executionpolicy remotesigned

执行策略更改
执行策略可帮助你防止执行不信任的脚本。更改执行策略可能会产生安全风险,如 https:/go.microsoft.com/fwlink/?LinkID=135170
中的 about_Execution_Policies 帮助主题所述。是否要更改执行策略?
[Y](Y)  [A] 全是(A)  [N](N)  [L] 全否(L)  [S] 暂停(S)  [?] 帮助 (默认值为“N”): Y
PS E:\3.0itemstudy\yun_office_front> `
### 如何在 VS Code 中配置并创建 Vue 项目 #### 安装必要的工具 为了能够在 VS Code 中顺利创建和运行 Vue 项目,首先需要安装 Node.js 和 Vue CLI 工具。这些工具提供了基础支持来初始化和管理 Vue 应用程序[^1]。 #### 创建 Vue 项目 Vue 提供了两种主要的方式来创建新项目:命令行形式和基于图形界面的形式 (UI Mode)[^2]。 ##### 使用命令行创建 Vue 项目 可以通过执行以下命令快速启动一个新的 Vue 项目: ```bash vue create vue-project01 ``` 此方法允许开发者通过交互式的命令提示符选择不同的预设选项以及插件配置。 ##### 使用 UI 界面创建 Vue 项目 如果更倾向于可视化操作,则可以利用 `vue ui` 命令打开一个本地浏览器窗口,在其中完成项目的搭建工作。具体步骤如下: 1. 打开目标文件夹下的终端; 2. 输入 `vue ui` 启动 GUI 模式; 3. 跟随界面上的指引完成新建工程的任务。 #### 配置 VS Code 编辑器 一旦完成了上述任一途径中的项目建立过程之后,就可以借助 Visual Studio Code 来进一步定制开发体验了。推荐安装一些扩展以增强工作效率,比如 Vetur 或者 ESLint 插件等,它们能够提供语法高亮显示、错误检测等功能。 最后一步就是确保能在本地服务器上查看效果。通常情况下,默认会有一个内置的服务端口可供测试用途;只需回到项目根目录并通过 npm start 或 yarn serve 运行应用即可访问网页版演示页面。 ```bash npm run serve # or yarn serve ``` 以上就是在 VS Code 中设置并创建 Vue 项目的完整流程说明。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值