您的位置:首页 > Web前端 > AngularJS

在windows上从0开始Angular项目

2020-06-05 05:49 85 查看

目录

在windows上从0开始Angular项目

电脑重装完系统,又要重新安装环境和软件,免不了各种搜索文档,所以打算记录下来,刚好是一个从完全空空到起一个angular项目的完整过程。
为什么是angular,从最早开始的原生三剑客HTML、JavaScript和CSS,到Angular1.0,再到React和Vue,不知不觉几年间Angular已经到了v9+,成了最熟悉的陌生人,好像认识它的每一条ng语句,却又完全不会了。所以想来学习看看,重新认识一下。

1.安装 vm-windows

  1. 在 Internet 浏览器中打开链接: windows-nvm 存储库,然后选择“立即下载” 链接。
  2. 下载最新版本的 nvm-setup.zip 文件。
  3. 下载完成后,打开 zip 文件,然后打开 nvm-setup.exe 文件,按指引安装。
  4. 安装完成后, 打开 PowerShell,尝试使用 windows-nvm 来列出当前安装的 Node 版本(此时应为无):
    nvm ls

2.安装node.js 和 npm

  1. nvm list available
    查找当前node版本。当前版本CURRENT用于测试最新的功能改进,但比最新稳定版本LTS(建议)更容易出现问题。

  2. 如果安装node的时候出现卡死,npm安装不成功,输入npm -v报错等情况。打开nvm文件夹下的settings.txt文件,在最后添加以下代码,将下载镜像源指向淘宝。

    node_mirror: https://npm.taobao.org/mirrors/node/
    npm_mirror: https://npm.taobao.org/mirrors/npm/

    分别安装 Node.js 的最新版本和最新稳定版本:

    nvm install latest
    nvm install 10.16.3
  3. 在安装所需的 Node.js 版本后,通过输入

    nvm ls
    来查看所有安装版本。
    nvm use <version>
    (请将 替换为版本号,即
    nvm use 14.2.0
    )来选择要使用的版本。

3.安装代码编辑器

作为前端开发者,基于颜值考虑从 sublime Text 开始入门,到 Atom长期使用。一直有听闻VS Code的传说,本着学习的态度,这次换VS Code试一试。
下载安装完成,打开一看工具栏全英文,需要配置一下中文界面。按:ctrl+shift+p打开指令面板,输入lang,选择Configure Display Language

选择扩展安装其他语言,安装一下简体中文。安装好之后再按上一步重新配置成中文即可

  • 安装 Node.js 扩展包: 在 VS Code 中打开“扩展” 窗口 (Ctrl+Shift+X)。
  • 在“扩展”窗口顶部的搜索框中,输入:“Node 扩展包”(或要查找的任何扩展的名称)。
  • 选择“安装” 。 安装完成后,扩展将出现在“扩展” 窗口的“已启用”文件夹中。 可以通过选择新扩展说明旁的齿轮图标来禁用、卸载或配置设置。
  • 可能需要考虑的几个附加扩展包括:

      Chrome 调试器:在服务器端通过 Node.js 完成开发后,需要开发并测试客户端。 此扩展将 VS Code 编辑器与 Chrome 浏览器调试服务进行集成,以提高工作效率。

    • 设置同步:可以使用 GitHub 在不同安装之间同步 VS Code 设置。 如果在不同的计算机上工作,这有助于在它们之间保持一致的环境。

    未完待续。。。

    4.安装Git

    5.安装Angular

    参考: 1. Windows开发环境搭建.

  • 内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
    标签: