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