zoukankan      html  css  js  c++  java
  • Win10 安装配置使用Angular

    Win10 安装配置使用Angular

    今天安装Angular,由于第一次安装,绕了很多弯路,特此记录一下。主要问题就是在官方npm和淘宝cnpm之间来回跳转,导致问题。先说明一下,当前如果选择安装淘宝镜像的cnpm,创建项目的时候会出现“setTimeOut is not defined”这种错误,查看 https://github.com/ng-docs/ng-docs.github.io/issues/168 帖子,故选择放弃使用cnpm的安装方式。直接从官网npm install其实也不是很慢,稍微等一下就好,而且步骤简单、顺畅,总比装了cnpm后无法使用,反复卸载(还得担心哪里卸载不干净)要方便一些。OK,吐槽完毕,进入主题:

    主要参考连接:

    1. angular开发环境搭建及新建项目
    2. node和Angular运行环境的安装方法

    Step 1

    Nodejs官网下载最新稳定版的node安装包(下载起来可能比较慢,可以用迅雷或其他方式直接下载),然后傻瓜式的一路next往下安装即可。
    node安装完成之后,会自带npm,可以进行测试查看nodejs和npm的版本,在powershell中输入“node -v”、“npm -v”。

    Step 2

    安装好nodejs和npm之后,可以选择安装Typescript。使用npm安装的命令一般都是“npm install -g xxxx”,比如安装Typescript就是:

    npm install -g typescript

    等待一段时间,安装完成之后,可以在powershell中使用“tsc -v”查看Typescript的版本。

    Step 3

    最后,来到了耗时较久的安装AngularCLI脚手架的环节。powershell中输入

    npm install -g @angular/cli

    然后,让他自己安装就好,耐心等待。装好angularcli之后,查看当前版本:

    ng v (或者ng version)

    命令窗口中出现相应的Logo,即可。

    注意: 这里如果在powershell中“ng”无法使用,则需要按照上述参考链接2里面的设置一下“计算机的执行策略”,具体做法是在当前powershell中输入

    set-ExecutionPolicy RemoteSigned

    然后,选择YES(输入Y),再重启一下powershell(以管理员身份),即可使用“ng v”看到输出的Logo和版本号。

    Step 4

    最后,最耗时的地方,就是使用ng指令创建一个Angular项目,因为发现这个步骤还是会涉及到installing好多资源文件。具体指令就是(比如创建hi-wolrd项目):

    ng new hi-world

    这个时候就可以选择干点其他的什么事去了。等创建好之后,“cd hi-world”进入项目的目录地址,在当前目录下:

    ng serve --open

    打开默认浏览器,显示出Angular的欢迎界面,即可大功告成!

    I can
  • 相关阅读:
    [CF888G] Xor-mst (Trie 树,最小生成树)
    [JSOI2010]部落划分 (最小生成树)
    [USACO15FEB]Superbull (最小生成树)
    [APIO2009]抢掠计划 ($Tarjan$,最长路)
    [APIO2015] 雅加达的摩天楼 (分块,最短路)
    [USACO07NOV]牛继电器Cow Relays (最短路,DP)
    P1266 速度限制 (最短路,图论)
    C语言编程题目(1)字符串格式化操作 手机键盘次数统计
    MOCTF RE 暗恋的烦恼
    python 面向对象 私有化浅析
  • 原文地址:https://www.cnblogs.com/leonwen/p/15315364.html
Copyright © 2011-2022 走看看