angular 4 创建项目

首先需要安装 angular cli 全局环境:

npm install -g @angular/cli

创建项目

需要先到你需要创建的路径下,运行:

ng new my-app

项目创建好后,可以在项目根目录下打开命令行工具,运行npm start,可以启动项目,

你也可以使用 ng server --open 启动项目,

启动项目后,你可以看到 http://localhost:4200/ Url,此时正在编译,

编译好后的样子,

此时打开浏览器就可以访问http://localhost:4200/

时间: 2024-10-11 17:53:41

angular 4 创建项目的相关文章

解决 Angular Cli 创建项目 慢的方法

由于使用 ng new app-name 这个命令,来创建项目很慢,是由于它需要下载很多的依赖包.所以可以通过如下命令 可以解决. 在命令后面加上参数 --skip-install    如:ng new app-name  --skip-install    --skip-instal 意思是跳过安装 依赖包的过程. 在项目创建完成后,使用 cnpm install 来安装依赖包. 原文地址:https://www.cnblogs.com/webNotes/p/10203940.html

angular脚手架创建项目

1.创建项目 ng new projectName 2.下载依赖包 npm i 3.运行 ng serve --open 浏览器自动打开 localhost:4200,运行成功 原文地址:https://www.cnblogs.com/luguankun/p/10950607.html

Angular 创建项目

1. 打开命令行工具找到你要创建项目的目录 2. 创建项目 ng new 项目名称 如果要跳过 npm i 安装: ng new angulardemo --skip-install 3.创建过程中会问你是否安装配置路由 4. 运行项目 在项目目录下,打开终端: ng serve --open 常见问题: 创建项目后用 npm i 或者 cnpm i 后项目没法运行 解决方案: 用 yarn 替代 cnpm 和 npm 1 cnpm instal @angular/cli (我的 npm 会报错

1 Angular 2 初始化项目配置

AngularJS2是一款JavaScript的开源框架,用于协助单一页面应用程序运行.AngularJS2 是 Angular 1.x 的升级版本,应Web的进化和前端开发的变革还有从Angular 1.x中得到的教训,性能上得到显著的提高,能很好的支持 Web 开发组件.AngularJS2 发布于2016年9月份,它是基于ES6来开发的,用ES2016的超集(TypeScript)编写的,但是Angular 2 也允许开发者用自己喜欢的语言去写代码,如果不喜欢对代码做预编译处理并且想简单构

Angular for MVC—项目搭建(1)

今天准备用angular+mvc创建一个项目,发现上次研究关于angular的东西全忘记了,突然想起上次我事后补了一篇博客的,看了一下也没太回忆起来细节.无奈,重新研究一边,这次是一边实践一边记录的,希望再过段时间我再来看的时候,希望能有帮助.我想记录博客目的也在于此.利于温故.你们要是觉得有用点个赞,没用勿喷,谢谢! 1.创建MVC项目 2.创建angular项目 2.1首先安装angular环境 下载安装node.js和npm,下载地址:https://nodejs.org/en/downl

MUI框架-01-介绍-创建项目-简单页面

MUI框架-01-介绍-准备-创建项目 从0开始快速高效学习 MUI 框架 官方文档:http://dev.dcloud.net.cn/mui/ui/ (1)MUI 介绍 MUI 是什么,解决了什么问题? MUI 官方号称最接近原生APP体验的高性能前端框架 简单的说就是webapp的以个开发框架 webapp和原生app性能及体验的差距,一直是移动app开发者放弃HTML5的首要原因. 浏览器天生的切页白屏.不忍直视的转页动画.浮动元素的抖动.无法流畅下拉刷新等问题,这些都让HTML5开发者倍

@angular/cli 工程 项目 配置

如果你创建工程项目用angular-cli 你的样式文件想使用scss, 并且让ng serve自动编译它们 你可以在创建项目的时候用 ng new sassy-project --style=sass 或者通过ng set defaults.styleExt scss 来修改你现有的项目 然后修改.angular-cli.json的 "styles": [    "styles.css" // "styles.scss" ] 和componen

cocos2d-x-3.0创建项目

之前一直用的是cocos2d-x-2.3版本号,使用tools里面的create-project.py脚本能够非常方便的创建项目.今天更新为3.0后,发现新版创建项目的方式有了非常大的改变,于是在这里记录一下. 准备工作:1.安卓开发须要的sdk,ndk下载好并配置好环境变量 2.下载phython(推荐2.7版本号)以及ANT 在3.0的根文件夹下有一个setup.py的脚本,用命令行定位到该脚本所在文件夹并执行它(或者直接双击打开),会发现这是一个引导我们配置环境变量的脚本,它自己主动的将C

Django学习(一)---基本配置及创建项目、应用

安装:在Django官网下载最新版Django然后通过pip安装即可 一.创建项目 进入文件夹,打开cmd窗口,输入django-admin startproject myblog(项目名) 二.创建应用 1.打开命令行,进入项目中manage.py同级目录 2.命令行输入:python manage.py startapp blog(应用名) 3.添加应用名到settings.py中的INSTALLED_APPS里 三.新建视图 编辑应用blog目录下的views.py文件如下: from d