ASP.NET Core + Vuejs 环境搭建 转

转 wangziwen 2017年11月04日 于 Keven Blog 发表

A、环境搭建

操作系统:  win10

IDE:  visual studio 2017 和 visual studio code

安装环境: Nodejs , Python

安装sdk:  NetCore SDK 2.0.2

Shell:  win10自带的powershell或者 vscode内的shell窗口

B、安装

vs2017(community), nodejs(8.4), python(2.7.14)直接百度进官网下载即可

.NET Core 版本进入官网下载并安装

注意:

python下载2.**版本, 不要下载3.*版本.

在安装nodejs和python时,如果有自动添加到PATH环境变量的设置，请选择上。不然后面还得自己手动配置环境变量。

Nodejs自带安装了npm

配置安装NPM, 其他npm设置比如使用淘宝镜像，参考我之前的文章 [前端环境搭建]

npm install npm -g // 初始化npm

node --version        // v8.4.0

npm --version        // 5.3.0

dotnet --version      // 2.0.2

python --version      // Python 2.7.14

C、创建基于Vue的.Net Core模板工程

进入我的demo工作目录: D:\SPA

按住Shift, 在右键菜单中点击 “在此处打开powershell窗口”

使用以下命令创建:

cd D\SPA

dotnet new --install Microsoft.AspNetCore.SpaTemplates::*

dotnet new vue -n SpaWeb

cd SpaWeb

npm install

dotnet run

如果出现这个画面,表示已经启动了web服务了

测试运行:  打开Chrome浏览器输入:  http://localhost:5000, 出现页面表示创建工程成功啦。