net core + vue
时间:2018-12-11
本文章向大家介绍net core + vue,主要包括net core + vue相关应用实例、知识点总结和注意事项,具有一定的参考价值,需要的朋友可以参考一下。
node.js下载地址 https://nodejs.org/en/download/ 安装完成后 找到 Node.js command prompt 打开即为node的命令窗口 执行命令 npm install -g @vue/cli 查看vue版本 vue --version 创建一个新项目 vue create hello-world 运行项目 npm run serve 打包项目 npm run build 打包之后得到dist文件夹 可以将打包的发布到IIS 参考 https://www.jianshu.com/p/7cc266438f09
新建net core项目 nuget 安装 Microsoft.AspNetCore.SpaServices 2.11 VueCliMiddleware 2.11 把 hello-world项目复制到core项目根目录 public void ConfigureServices(IServiceCollection services) { services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1); services.AddSpaStaticFiles(configuration => { configuration.RootPath = "hello-world/dist"; }); } app.UseSpa(spa => { spa.Options.SourcePath = "hello-world"; if (env.IsDevelopment()) { spa.UseVueCli(npmScript: "serve", port: 8080); // optional port } });
直接运行项目即可 访问 http://localhost:8080/ 就是你的core项目啦
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法