加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angular 项目创建打包过程

发布时间:2020-12-17 17:30:30 所属栏目:安全 来源:网络整理
导读:1.安装node node下载地址:https://nodejs.org/zh-cn/download/ node安装会默认装好npm 检验node,npm安装成功否 node -v npm -v 2.安装淘宝镜像(cnpm) npm install cnpm -g --registry=https://registry.npm.taobao.org 检验cnpm安装成功否 cnpm -v 3.安装

1.安装node
  node下载地址:https://nodejs.org/zh-cn/download/
  node安装会默认装好npm
  检验node,npm安装成功否
  node -v
  npm -v
2.安装淘宝镜像(cnpm)
  npm install cnpm -g --registry=https://registry.npm.taobao.org
  检验cnpm安装成功否
  cnpm -v
3.安装脚手架
  npm install -g @angular/cli
4.创建项目
? ? ? 1).npm创建项目ng new myProject?? //myProject是项目名称,自定义就行
????? 2).有时候上边方法还好,有时候会慢到你怀疑人生,可以用第二种。cnpm安装
? ??   ?ng new myProject --skip-install? // 先跳过npm安装
?? ??   cd myProject
???   ?cnpm install ?
5.启动 ng serve ??

? ? 启动成功浏览器访问http://localhost:4200 就可以
6.打包
 ? ng build
?  生成一个dist文件夹,里面就是打包的文件
打包注意:
???? 1).index.html里面 <base href="/">改成 <base href="./">不改打包出来文件路径不对
???? 2).assets里面的静态文件直接 "assets/logn-1.png"访问就行
? ?? eg:<img src="assets/logn-1.png" />
? ?? "../"方式访问路径打包出来找不到路径
? ?? eg:<img src="../../assets/logn-1.png" />

常用于新建的指令  ng g class classname // 新建 class  ng g component componentname // 新建组件  ng g directive directivename // 新建指令  ng g enum enumname // 新建枚举  ng g module modulename // 新建模块  ng g pipe pipename // 新建管道  ng g service servicename // 新建服务网上的视频教程:https://pan.baidu.com/s/17s_RksBqcgJmMP0DIww9AQ 提取码suo6

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读