搭建环境
前提条件
- 基本掌握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)