AngularJS------使用VSCode创建的Angular项目部署IIS

最新推荐文章于 2024-01-17 10:43:01 发布
最新推荐文章于 2024-01-17 10:43:01 发布
阅读量985 收藏
点赞数
文章标签： 开发工具 javascript 前端 ViewUI
本文介绍了一个Angular项目的构建过程，包括进入src目录执行构建命令，之后生成dist文件夹，并通过IIS进行部署的具体步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

转载：

http://www.cnblogs.com/kingkangstudy/p/7699710.html

 

1.进入项目src，执行命令行：ng build

2.步骤1后会生成dist文件

3.打开IIS，部署即可

 

Angular入门之环境搭建（VS code）
maiowu1001的博客
08-03 1万+
环境 安装步骤 angular-cli安装注意事项环境Win 64 node:6.11.1 npm:3.10.10 Typescript:2.4.2 VS code:1.14.0安装步骤 安装Node.js 在Node.js官网下载合适的版本，然后按照提示的步骤安装即可, 不必再去安装npm,安装Node.js时,会自动安装npm 简单的说，Node.js就是一个服务器端的JavaSc
vscode导入基于Angular框架的项目以及环境搭建
qq_36398269的博客
08-14 3491
1. 安装node.js 在官网找到最新版本下载 ： 官网地址：https://nodejs.org/en/ 安装成功后，打开vscode，打开终端，在终端里输入命令“node -v ”查看版本号，如果显示安装版本号则安装成功 2. 安装yarn Yarn提供了丰富的命令使你可以对Yarn包进行许多操作，包括安装、管理、发布等。 上官网，选择稳定版下载： 官网地址：https://yarnp...
Vscode中实现Dajngo+Vue实战开发以及部署本地IIS服务器并使用钉钉内网穿透实现公网访问-----初步探索（win10）看这一篇就够了
#死亡如风#
06-10 2236
Django+Vue+IIS部署+钉钉内网穿透+bat脚本执行-----Vscode初步探索搭建Django+vue项目 参考文章： Python 3+Django 3 结合Vue.js框架构建前后端分离Web开发平台实战 Windows server iis部署Django详细操作 钉钉内网穿透vs花生壳vsNATAPP 钉钉内网穿透bat脚本优化执行 如果你不曾了解过python的web框架，还可以参考一下下面的文章，只是为了给你一个框架的思维，方便后面的理解： 廖雪峰python-web开发
Vue项目在IIS发布
最新发布
qq_32768235的博客
01-17 1519
IIS这个url代理重写的意思是：当你请求我发布的这个地址，我就会帮你重写到你配置的地址中去，api 是用来区分 去哪个接口地址请求数据。由于区分开发和生产环境，开发环境用vue自带的代理服务器，生产需要自己配置，那在开发和发布的请求代码就不一样。在VSCode的终端下运行代码命令，会在程序根目录得到一个dist的文件夹 ，iis中就发布这个文件夹。8.点击发布的vue项目右边会有一个【URL重写】双击进入后，右击[添加规则] 随便取个名称，：一般情况下Vue项目可以发布在。地址是iis发布的项目地址。
配置本地Angular环境并使用VsCode调试Angular前端项目
时光小屋
05-09 3804
在vscode调试控制台的终端窗口, 输入 npm install, 装在angular(如果无法安装, 谷歌查出来的方法都用了还不行, 可以使用yarn, 一样的东东, 命令是yarn install)① 【系统变量】下新建【NODE_PATH】，输入【D:\Develop\nodejs\node_global\node_modules】，express【-g】 全局安装时，会将要安装的模块安装到配置好的路径中，避免占用C盘空间。“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”
angularjs-typescript-webpack：基于angular教程的AngularJS 1.7，typescript 3和webpack 4入门项目
02-06
Project使用来模拟带有打字稿和Webpack的angularjs环境中的angular 2+样式开发。 入门 要开始使用，您可以简单地克隆angularjs-typescript-webpack存储库。 一些项目依赖项仅用作示例，如果不需要，可以将其删除。 ...
Clever-Bootstrap-4-Admin-Template-with-AngularJS-Angular-2-suppo
06-08
《Clever-Bootstrap-4-Admin-Template-with-AngularJS-Angular-2-support-master》是一款基于AngularJS和Angular 2的高级Bootstrap管理模板，它结合了Bootstrap 4的现代设计与Angular的强大功能，为开发者提供了一套...
cypress-angularjs-unit-test:使用Cypress.io测试运行器对Angularjs代码进行单元测试
05-13
npm install --save cypress-angularjs-unit-test cypress 需要对等的angular依赖性 用 import { mount } from 'cypress-angularjs-unit-test' // or const mount = require('cypress-angularjs-unit-test').mount ...
Root-Bootstrap-4-Admin-Template-with-AngularJS-Angular-2-support：Root是具有Angular 2和AngularJS支持的Boostrap 4管理模板
01-31
总之，Root-Bootstrap-4-Admin-Template-with-AngularJS-Angular-2-support是一个综合性的后台开发解决方案，结合了Bootstrap 4的强大UI框架、AngularJS和Angular 2的灵活性，以及SCSS的易用性。开发者可以借此快速...
Angular-Clever-Bootstrap-4-Admin-Template-with-AngularJS-Angular-2-support.zip
09-18
Angular-Clever-Bootstrap-4-Admin-Template-with-AngularJS-Angular-2-support.zip,clever是具有angular 2和angularjs支持的bootstrap 4管理模板clever bootstrap 4管理模板具有angularjs和angular2支持。...
利用VS Code开发你的第一个AngularJS 2应用程序
11-28
前言 之前已经给大家介绍了Angular2开发环境搭建教程之VS Code，本文将详细介绍利用VS Code如何开发AngularJS2应用程序的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。 运行环境： 1、Windows 10 2、Node 6.7.0 3、npm 3.10.8 4、TypeScript 2.0.3 创建项目 1、创建文件夹：angular2-quickstart，启动VS Code，打开刚创建的文件夹：angular2-quickstart。 2、在根文件夹（angular2-quickstart）下，创建package.json文件：
Angular6 从打包到部署IIS上
gx_up
07-11 9343
以下为打包方式： 通过命令行 ng build --prod --aot 会生成dist文件夹，将dist文件夹中的文件，直接上传到服务器IIS站点下。 然后发现可以正常访问，但是刷新页面就会报400错误，这时需要进行如下配置： 1.安装URL rewrite组件：   网址：https://www.microsoft.com/en-us/download/details.aspx?...
使用 VS Code 创建 Angular 项目
uj
06-23 1万+
使用 VS Code 创建 Angular 项目
在VSCode中调试angular的方法
Lam's IT Story
07-24 1万+
近期学习angular，今天刚刚在电脑端安装VSCode，使用VSCode打开一个ng new出来的一个angular项目，想要调试，但不知道该怎么操作了。 跟同事交流一下，问问VSCode有没有类似WebStorm那种“傻瓜式”操作，直接点一个按钮就行了。他们说我想多了，VSCode相对来说是一个“轻”的IDE，还是需要通过termimal手动输入命令来启动并调试的，想一想也好，锻炼一下使用a...
vue-cli脚手架项目通过VS Code直接运行及build，无需敲打命令
Stavin Li的博客
08-16 6653
1. 点击 调试，选择添加配置 2.选择环境Node.js 3.编辑文件launch.json，替换为一下内容 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version&am
Angular2挖坑求解系列之二：发布到IIS后，再编辑内容，刷新页面后不会更新
飞鹰的专栏
12-03 4284
如标题，这又是个什么鬼？ 用Visual Studio 2015 和Angular2做好的应用程序，最终要发布到一个站点,才可以让大家使用你的程序。这里我选择了快速的IIS7.0。 按照以往的步骤发布成功后，心里一阵小欢喜。还算顺利嘛。 但是我再次编辑页面内容后，按F5键在本机浏览器进行运行后，发现页面内容并没有刷新，再进行多次重新运行，仍然不会刷新。但发布后的站点网页内容却
Angular+Electron+VSCode的桌面应用开发入门笔记（1）
热门推荐
yr7942793的博客
03-26 2万+
第一部分 Electron开发入门笔记 GitHub 的 Electron 框架（以前叫做 Atom Shell）允许你使用 HTML, CSS 和 JavaScript 编写跨平台的桌面应用。它是 io.js 运行时的衍生，专注于桌面应用而不是 web 服务端。 Electron 丰富的原生 API 使我们能够在页面中直接使用 JavaScript 获取原生的内容。 本文学习的主要知识来
记一次使用VSCode开发angular项目中使用的插件
my_love_download的博客
08-16 4438
1.Angular 8 Snippets - TypeScript, Html, Angular Material, ngRx, RxJS & Flex Layout 2.Angular Files 3.Angular Language Service 4.Angular Support 5.Auto Import 6.Beautify css/sass/scss/less 7...
AngularJS指令angular-autocomplete：快速创建多功能自动填充框
资源摘要信息:"AngularJS指令angular-autocomplete是一个强大的工具，用于在Web应用中快速实现自动完成功能。它允许开发者从服务器或本地变量中提取数据，并以列表形式展示。该指令能够展示不同风格的自动完成项，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值