ASP.NET Core + Vuejs 环境搭建转

2018-05-28 本文已影响0人 whtsup

转 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, 出现页面表示创建工程成功啦。

ASP.NET Core + Vuejs 环境搭建 转