angular-cli安装和项目初始化

安装angular-cli

环境配置

1. node 安装   查看版本  node -v
2. npm  --安装node会自动安装npm   查看版本  npm -v
3. python安装   查看版本  python --version
4. 安装c++编译环境npm install --global --production windows-build-tools注： win7 依赖 .NET Framework 4.5.15. 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org查找版本号 cnpm -v

安装angular-cli

npm install -g @angular/cli
查看版本  ng --version

使用脚手架工具初始化项目

生成项目并初始化

1. ng new 项目名 --创建项目
2. 如果使用npm 下载包时，有可能受网络影响，可以考虑使用cnpm,具体如下：
   –执行 ng new 项目名 时， 进入到 installing状态时，可以使用ctrl + c打断
   –cd 到项目下 删除当前的node_modules
   执行 cnpm install 安装package.json下的包

启动本地开发服务

1. ng serve --启动本地开发服务
2. 根据提示的网址，进入到页面,如下图所示：
   

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！