vue和vuecli区别

前提条件：

您需要确保计算机上已安装以下软件和工具：

1. .net core 2.0或更高版本

2. Node.js、Webpack、Vue-cli和Vue（建议使用默认版本，通过npm install进行安装）

3. Visual Studio 2017或VS Code

开始步骤：

一、初始化.net core项目

1. 打开VS 17（或VS Code）并创建一个新的 core项目，命名为DotnetCoreWithVue。

2. 选择API模板，并可根据需要选择是否启用Docker支持。有关Docker的详细信息，请参阅其他资料。

二、使用Vue-cli初始化Vue项目

1. 如果未安装Node.js，请访问官方网站下载并安装。

2. 在命令行中运行命令安装Vue和Vue-cli：npm install -g vue和npm install -g vue-cli。

3. 使用Vue初始化Webpack项目：vue init webpack。

4. 在初始化过程中，根据提示选择项目配置，例如使用vue路由、ESLint语法规范等。

三、安装依赖并校验项目

1. 切换到DotnetCoreWithVue目录并运行npm install安装依赖。

2. 运行npm run dev启动开发服务器。

3. 在浏览器中访问localhost:8080，如看到Vue项目的默认页面，则表示项目初始化成功。

四、同步构建（前端+后端）

为了在构建过程中执行npm命令，需要在.csproj文件中添加以下代码：

xml

编译项目并查看输出控制台中的日志。

4. 重新编译项目，并通过访问localhost:40051//来验证代码。

至此，我们完成了.net core与Vue的集成。涉及的技术包括.net core、Vue、router、webpack、es6等。本文的重点在于介绍如何开始使用dotnet core with Vue，未深入探讨技术细节。如有关于.net core获取Vue前端方面的疑问，欢迎留言讨论。选择适合自身实际情况的方案进行重构或前后端分离是关键。如果您既需要编写前端和后端代码，并希望使用VUE全家桶同时实现一键式编译，那么这种方式或许是一个不错的选择。