angualr10 系列1:搭建环境

290 阅读2分钟

搭建环境

前提条件

  • 基本掌握javascript、html、css
  • 安装node(顺带会安装npm(依赖包管理器))

如何验证安装成功?

node -v // 查看node版本

npm -v  // 查看npm版本

如果想要在window上面随意切换node版本,可以安装nvm,查看文档

下面是nvm常用命令:

nvm -v                   // 查看版本

nvm list available       // 查看支持安装的node版本

nvm install  node版本号  // 安装某个版本的nodejs

nvm list                 // 查看当前已经安装的版本

nvm use   node版本号     // 使用某个版本的nodejs

npm的源在国外,有些依赖包安装的比较慢;可以改成淘宝镜像源

npm config get registry  //查看npm源

npm config set registry https://registry.npm.taobao.org //更换npm源

npm config set registry https://registry.npmjs.org //如果你要发布自己的npm包,就需要把npm源改回去

安装 Angular CLI

npm install -g @angular/cli //安装angular cli脚手架,如果已经安装过,可以用这个命令更新脚手架
ng version //查看安装是否成功

通过脚手架创建初始应用

ng new <project-name> // 创建一个模板,提示要把哪些特性包含在初始应用中,包括严格模式、路由、选择css预编译器;输入y表示同意,n表示不要

上面命令会自动安装所需依赖,如果不需要,请执行下面命令。 为什么不顺带安装依赖呢,因为npm的源指向国外,安装依赖可能花费的时间过长。可以安装cnpm包或者npm改源(上面有介绍)

ng new <project-name> --skipInstall // 初始化应用,不用安装依赖

npm install -g cnpm // 安装cnpm包

cd <project-name> // 进入项目目录

cnpm install // 通过cnpm安装依赖

运行初始化项目

ng serve --open // 运行项目,并且打开浏览器(缩写 -o)