.net core CLI(创建VueJS||Angular结合的项目)vs项目有node_modules无法加载

net core cli 是快速创建模板项目

  • 2017.08.06
  • 环境 windows10 64位 15063
  • .net core 1.1
  • vs2017 15.2
  • dotnet 1.0.4
  1. 安装CLI
  • 官方: https://blogs.msdn.microsoft.com/webdev/2017/02/14/building-single-page-applications-on-asp-net-core-with-javascriptservices/
  • 参考: https://www.hanselman.com/blog/dotnetNewAngularAndDotnetNewReact.aspx
  • 视频参考: https://www.youtube.com/channel/UC_R2RVC5RnkivQwDFGZ6ohg
    1.1 使用 dotnet new -h 查看
    .net core CLI(创建VueJS||Angular结合的项目)vs项目有node_modules无法加载_第1张图片
    安装前

    1.2使用命令 dotnet new --install Microsoft.AspNetCore.SpaTemplates::* 安装
    安装完成就会有这些模板可以创建
    .net core CLI(创建VueJS||Angular结合的项目)vs项目有node_modules无法加载_第2张图片
    安装完成
  1. 创建项目
    2.1 切换到存放项目文件夹
    2.2 使用命令 dotnet new vue 就是创建结合了vue的项目
  • 就是根据模板提供的参数安装对应的模板项目
    2.3 创建完成的目录结构
.net core CLI(创建VueJS||Angular结合的项目)vs项目有node_modules无法加载_第3张图片
创建完成

坑!!!! 2017.08.06

整个项目依赖一个node包

  • "aspnet-webpack": "^2.0.1", 这个包是必须的不然无法运行
  • 一定!一定!一定要使用visual studio 在package.json右键或者依赖项npm上右键还原依赖包
  • (如果有发送错误或者安装不上在用npm install)因为我直接npm install下一次项目就直接卡在加载那了,我也不知道为什么??
  • npm install项目一定要是打开的,使用以后打不开,你可以在使用右键还原一下应该可以,不可以我也没有办法
  • 如果已经卡死了 删掉node_modules文件夹就可以了,不可以我也没有办法
  • 有什么办法解决的@我
    .net core CLI(创建VueJS||Angular结合的项目)vs项目有node_modules无法加载_第4张图片
    依赖项npm右键

    .net core CLI(创建VueJS||Angular结合的项目)vs项目有node_modules无法加载_第5张图片
    package.json上右键

我测试过vue, 原来是ts, 但是我用的js所有折腾和好久!!!

你可能感兴趣的:(.net core CLI(创建VueJS||Angular结合的项目)vs项目有node_modules无法加载)