首页
学习
活动
专区
圈层
工具
发布

Angular入门-环境搭建、创建新项目

1.Angular环境搭建 1.1安装nodejs nodejs官网 安装angular的计算机上面必须装最新的nodejs--最好安装nodejs稳定版本 1.2安装cnpm npm可能安装失败建议先用...https://npm.taobao.org/ npm install -g cnpm --registry=https:/registry.npm.taobao.org 使用npm/cnpm 命令安装angular.../cli(只需安装一次) npm install -g @angular/cli    或者   cnpm install -g @angular/cli 2.创建新项目 在管理员窗口移动到要建项目的目录下...使用ng命令进行创建(angulardemo01是自己项目的名字) ng new angulardemo01 接下来选择是否添加路由使用哪个预处理器(根据自己的选择) ?...Would you like to add Angular routing? Yes ? Which stylesheet format would you like to use?

63120
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    用Angule Cli创建Angular项目

    Angular4.0来了,更小,更快,改动少 接下来为Angular4.0准备环境和学会使用Angular cli项目 1.环境准备: 1)在开始工作之前我们必须设置好开发环境 如果你的机器上还没有安装...cli cnpm install -g @angular/cli 2.创建新的项目 打开终端窗口(这里我使用的是webstorm的Terminal,也可以使用计算机自带的powershell) ng...new my-app 项目会很快创建完成,接下来你会看到 Installing packages for tooling via npm 这里如果你选这了淘宝的cnmp镜像,应该最好在安装完全局Angular...cli后设置一下,保证正常下载工具 ng set --global packageManager = cnpm 然后我们的项目就创建完成了 我们会发现在文档中有很多文件,这里参考Angular官方文档...cli创建的项目会有很多文件,我们就需要打包后再发行: ng build

    2K60

    Angular CLI 创建你的第一个 Angular 示例程序

    第一步:安装 Angular CLI 你要使用 Angular CLI 来创建项目、创建应用和库代码,并执行多种开发任务,比如测试、打包和发布。 全局安装 Angular CLI。...要想使用 npm 来安装 CLI,请打开终端/控制台窗口,并输入下列命令: npm install -g @angular/cli 第二步:创建一个工作区和初始化应用 Angular 工作区 就是你开发应用的上下文环境...Angular CLI 会安装必要的 Angular npm 包及其它依赖。这可能要花几分钟。...cd my-app ng serve --open ng serve 命令会自动启动服务器,并监视你的文件变化,当你修改这些文件时,它就会重新构建应用。...作为初始应用的一部分,CLI 也会为你创建第一个 Angular 组件。它就是根组件,名叫 app-root。 打开.

    1.6K40

    Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目

    /docs GitHub地址: https://github.com/angular/angular Angular CLI命令参考手册: https://angular.cn/cli...钩子 用途及时机 ngOnChanges() 当 Angular(重新)设置数据绑定输入属性时响应。...[请求数据时使用] ngDoCheck() 检测,并在发生 Angular 无法或不愿意自己检测的变化时作出反应。...相关开发环境: Angular-CLI构建工具(脚手架工具)安装说明: Angular-CLI详细简介:https://www.jianshu.com/p/3d17d5ee1951 全局安装脚手架工具:...Angular项目创建并运行: 通过Angular脚手架创建一个新的项目: 在终端(win+r 输入cmd)中打开E:\Angular 文件目录,输入一下命令新建项目: ng new MyAngularProject

    4.1K20

    office打开文件时出现向程序发送命令时出现问题_向文件发送命令时错误

    今天说一说office打开文件时出现向程序发送命令时出现问题_向文件发送命令时错误,希望能够帮助大家进步!!!...打开office报错提示向程序发送命令时出现问题 在Windows 7 上,资源管理器中双击OFFICE 2007文档打开时经常会出现“向程序发送命令时出现问题”,只打开了程序界面,文档却没有打开,再次双击文档图标才能打开...OFFICE图标(Word、Excel等都有效)上单击右键,然后选择“属性”,在属性对话框的“兼容性”选项卡中勾上“以管理员身份运行该程序”; 2) 双击一个文档打开,此时可能还会提示“向程序发送命令时出现问题...“,没关系,把程序关掉; 3)再次打开OFFICE的“兼容性”设置,然后把“以管理员身份运行该程序”复选框的勾去掉; 以后再双击文档就可以直接打开了,不会再出现“向程序发送命令时出现问题“的问题。

    12.4K50

    node-sass 埋坑记录

    后来,接手的新项目中: Angular-CLI:v8.x 由于升级了 Angular 版本,同样也升级了 Angular-CLI 版本,导致 v8.x 版本的 node 已经无法编译 angular 项目...在网上查了半天,跟着改,却又出现新错误 MSB4019:Microsoft.Cpp.Default.props 找不到的错误。...毕竟升级了 angular 大版本,随之而来的一些依赖库也需要跟着升级,这无可厚非,可以理解,所以当让我也升级 node-sass 时,我没啥反感。...小结 之所以以前正常,新项目出现种种问题,原因在于各环境的版本升级,所以,需要明确,各个环境、框架之间都是有依赖关系的,不是任意版本组合就可以的,比如: angular v8 版本就需要依赖 angular-cli...解决方案 能联网 先升级 angular 版本,再升级 angular-cli 版本 构建失败时,会提示请升级 node 版本,按提示升级,可通过 nvm 或手动下载新版本 node 继续构建时,node-sass

    5.3K10
    领券