惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
DataBreaches.Net
IT之家
IT之家
The Cloudflare Blog
Apple Machine Learning Research
Apple Machine Learning Research
WordPress大学
WordPress大学
N
Netflix TechBlog - Medium
阮一峰的网络日志
阮一峰的网络日志
P
Proofpoint News Feed
L
LangChain Blog
博客园 - Franky
美团技术团队
J
Java Code Geeks
Microsoft Security Blog
Microsoft Security Blog
博客园 - 叶小钗
小众软件
小众软件
Y
Y Combinator Blog
B
Blog RSS Feed
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
D
Docker
Hugging Face - Blog
Hugging Face - Blog
Jina AI
Jina AI
罗磊的独立博客
大猫的无限游戏
大猫的无限游戏
Vercel News
Vercel News

博客园 - Insus.NET

Vue3实现拖放式上传 拖放式上传 实现MultipartStreamProvider经Web API上传文档或图片 文件上传和表单字段混合提交 在HttpContext.Current返回null时如何操作 angularjs根据类型动态加载组件 angularjs获取数据服务 扫一扫直连WiFi二维码 User Profile Service 服务未能登录 安装与配置node.js HTTP Error 403.14 - Forbidden VisualStudio2026回滚上一版本 消息认证码(加强) 网站无法使用插值字符串语法 HMAC(Hash-based Message Authentication Code)认证示例 浏览器自动发送域凭据 企业内小网站兼用Windows验证登录 访问用户控件的函数 onblur事件改为监听处理 将警报消息改为吐司消息 内容有无变化OnBlur即时更新引起的问题与解决 混合式提高用户编辑与操作效率 光标离开文框后即刻更新 WebForm实现Web API JavaScript对GridView删除行后并重新给其数据绑定 把CS值传给JS使用 v2 确认信息confirm由C#后端移至javascript前端 无法发布网站Web Site JavaScript判断字符是否为decimal 点击单元格弹出窗口处理数据返回父页
Visual Studio2026创建Vue项目
Insus.NET · 2026-07-01 · via 博客园 - Insus.NET

步骤式创建。
创建前,先参考前一篇随笔《安装与配置node.jshttps://www.cnblogs.com/insus/p/20956686

运行VS2026,
2026-07-01_08-48-05

步骤1,创建新项目(N)

2026-07-01_08-50-49

步骤2,输入“Vue”。
步骤3,选择Javascript Vue项目模版。
步骤4,点击“下一步(N)”


2026-07-01_09-01-24

步骤5,输入项目名称(J), 如"VueExercise"。

步骤6,点击“创建(C)”。


2026-07-01_09-07-44

一片英文,有时间可以细细研读它。

步骤7,“请按任意”键继续. . .“。

稍等片刻,项目创建完成。

2026-07-01_09-12-36

步骤8,点击开始执行(不调试) (Ctrl + F5)。

页面抛出一个异常:

2026-07-01_09-16-36

严重性 代码 说明 项目 文件
错误(活动)   MSB3375 文件“C:\Users\leo_yeung\source\repos\VueExercise\VueExercise\\package.json”不存在。 vueexercise C:\Program Files (x86)\Microsoft Visual Studio\Shared\NuGetPackages\microsoft.visualstudio.javascript.sdk\1.0.4902498\Sdk\Sdk.targets  267 
 

如何解决此异常?可以尝试下面方法,
以管理员权限运行命令行。

2026-07-01_10-18-50

切换至你的项目根目录:

cd C:\Users\leo_yeung\source\repos\VueExercise\VueExercise

运行:

初始化时,带上参数-f,它会把不存在的文件package.json生成。

此时,在解决方案资源管理器可以看到它package.json了,
2026-07-01_10-28-03

 
运行项目,
2026-07-01_15-47-06

补生成了只是一个基础文件。只包含最简信息,没有 Vue 所需的依赖和启动脚本。
现时,只有手动补全:

{
  "name": "vueexercise",
  "version": "1.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^3.4.0"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^5.0.0",
    "vite": "^5.0.0"
  }
}


重新生成,运行,
2026-07-01_15-53-18

还是缺少依赖,
执行:

参考下面步骤,
2026-07-01_14-57-25

 
重新生成项目。

2026-07-01_14-25-00

再次执行,命令行输出:VITE v8.1.2  ready in 1358 ms

2026-07-01_14-21-59

接下来,可以正式开发Vue程序...