Visual Studio2026创建Vue项目

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

下面内容才是本篇随笔核心之处。

创建Vue项目之前,先检查VS是否有安装Node.js,

2026-07-03_10-33-07

 

运行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"。
页面中有一个选项:口 将解决方案和项目放在同一目录中(D)。
务必不要选,留空。

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

VS创建项目中......

 

2026-07-03_09-31-45

 

展开依赖项,可见下面情形,

2026-07-03_09-32-10

 

所有依赖项均未安装,此时你需要做一个动作,在解决方案资源管理器,对方案名称“VueExercise”,鼠标右击,点生成。
2026-07-03_09-38-58

 

生成结果,
2026-07-03_09-23-52

 

此时,现在可以开始执行,
2026-07-03_09-25-06

 


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

 

posted @ 2026-07-01 14:33  Insus.NET  阅读(4)  评论(0)    收藏  举报