安装angular

た入场券 2022-06-07 14:11 142阅读 0赞

**1、确认电脑上的 node和npm版本合适–node 6.9.x 和 npm 3.x.x 以上的版本。**  
查看版本`node -v npm -v`  
**2、安装Python。**

*  Unix & Linux 平台安装 Python:  
    以下为在Unix & Linux 平台上安装 Python 的简单步骤：  
    打开WEB浏览器访问[http://www.python.org/download/][http_www.python.org_download]  
    选择适用于Unix/Linux的源码压缩包。  
    下载及解压压缩包。  
    如果你需要自定义一些选项修改Modules/Setup  
    执行 ./configure 脚本  
    make  
    make install  
    执行以上操作后，Python会安装在 /usr/local/bin 目录中，Python库安装在/usr/local/lib/pythonXX，XX为你使用的Python的版本号。
 *  Window 平台安装 Python:  
    以下为在 Window 平台上安装 Python 的简单步骤：  
    打开WEB浏览器访问[http://www.python.org/download/][http_www.python.org_download]  
    在下载列表中选择Window平台安装包，包格式为：python-XYZ.msi 文件 ， XYZ 为你要安装的版本号。  
    要使用安装程序 python-XYZ.msi, Windows系统必须支持Microsoft Installer 2.0搭配使用。只要保存安装文件到本地计算机，然后运行它，看看你的机器支持MSI。Windows XP和更高版本已经有MSI，很多老机器也可以安装MSI。  
    下载后，双击下载包，进入Python安装向导，安装非常简单，你只需要使用默认的设置一直点击”下一步”直到安装完成即可。
 *  MAC 平台安装 Python:  
    最近的Macs系统都自带有Python环境，你也可以在链接 [http://www.python.org/download/][http_www.python.org_download] 上下载最新版安装。  
    **3、Python环境变量配置**  
    程序和可执行文件可以在许多目录，而这些路径很可能不在操作系统提供可执行文件的搜索路径中。  
    path(路径)存储在环境变量中，这是由操作系统维护的一个命名的字符串。这些变量包含可用的命令行解释器和其他程序的信息。
 *  Unix或Windows中路径变量为PATH（UNIX区分大小写，Windows不区分大小写）。
 *  在Mac OS中，安装程序过程中改变了python的安装路径。如果你需要在其他目录引用Python，你必须在path中添加Python目录。
 *  在 Unix/Linux 设置环境变量  
    在 csh shell: 输入  
    `setenv PATH "$PATH:/usr/local/bin/python` , 按下”Enter”。  
    在 bash shell (Linux): 输入  
    `export PATH="$PATH:/usr/local/bin/python`，按下”Enter”。  
    在 sh 或者 ksh shell: 输入  
    `PATH="$PATH:/usr/local/bin/python`, 按下”Enter”。  
    注意: /usr/local/bin/python 是 Python 的安装目录。
 *  在 Windows 设置环境变量  
    在环境变量中添加Python目录：  
    在命令提示框中(cmd) : 输入  
    `path=%path%;C:\Python 按下"Enter`。  
    注意: C:\\Python 是Python的安装目录。

**4、全局安装 Angular CLI**   
Angular CLI是一个命令行界面工具，它可以创建项目、添加文件以及执行一大堆开发任务，比如测试、打包和发布。

npm install -g @angular/cli
    
    //安装完成后，执行
    
    ng -v  //查看是否安装成功
    
    //创建新项目
    
     ng new ngtest //ngtest为项目名称
    
    //进入项目目录，并启动服务器
    
    cd ngtest
    ng serve --open
    
    //ng serve命令会启动开发服务器，监听文件变化，并在修改这些文件时重新构建此应用。使用--open（或-o）参数可以自动打开浏览器并访问http://localhost:4200/。

到这里angular环境部署基本完成，接下来开始进入学习阶段。

[http_www.python.org_download]: http://www.python.org/download/