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 会报错);
2 ng new 的时候阻止自动安装 ng 包, 只创建 ng 目录
ng new my-app --skip-install
3 安装 yarn npm install -g yarn / cnpm install -g yarn
4 进入目录 my-app 使用 yarn 安装 ng 所依赖的包 yarn
注意: yarn 命令 等同于 npm install / cnpm install 使用 yarn 前提是先安装 yarn ,
安装使用 cnpm install -g yarn 就可以安装

原文地址:https://www.cnblogs.com/loaderman/p/10881408.html

时间: 2024-12-14 18:10:21

Angular 创建项目的相关文章

angular 4 创建项目

首先需要安装 angular cli 全局环境: npm install -g @angular/cli 创建项目 需要先到你需要创建的路径下,运行: ng new my-app 项目创建好后,可以在项目根目录下打开命令行工具,运行npm start,可以启动项目, 你也可以使用 ng server --open 启动项目, 启动项目后,你可以看到 http://localhost:4200/ Url,此时正在编译, 编译好后的样子, 此时打开浏览器就可以访问http://localhost:4

使用Angular CLI创建Angular 2项目

一.安装nvm-windows,方便node版本切换 nvm list //查看已安装的版本 nvm install 6.11.0 //安装Node.js 6.11.0,因为@angular/cli需要6.9版本以上支持 nvm use 6.11.0 //切换到新安装的版本 二.为npm配置proxy(proxy软件需自行安装) npm config set proxy=http://localhost:1080 npm config set https-proxy=http://localho

创建一个netcore2.0和angular的项目并运行起来

netcore2.0发布了,喜大普奔. 我们先下载SDK,请看张善友老师的这篇博客 http://www.cnblogs.com/shanyou/p/7363037.html 下载完之后 我用的vs2017社区版,打开installer 更新一下,然后打开创建项目web Asp.net core web,在版本里默认的是2.0了,因为已经装过SDK了,选择angular模板 点击确定,VS会自动还原引用的包,但是npm包无法还原!!起码我这里是. 解决方法是!!!! 打开项目目录调出命令行界面(

解决 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

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

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

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

django-admin.py创建项目失败解决方法

环境:Ubuntu.python2.7.django1.9.5 当用django-admin.py startproject projectName创建对应的django项目时出现command not found: django-admin.py情况的解决方案: 找到对应的文件django-admin.py的路径:            如图运行相关命令:            再切换到对应的目录下: cd /home/zhanglei/.local/lib/python2.7/site-pa