nodes环境安装+angularjs项目创建

node.js:是一个基于Chrome JavaScript运行时建立的一个平台

   (个人觉得这就是相对于js

    [但不不局限于前端,其实质是对chrome v8引擎进行了封装]提供了一个运行的环境)

 

1.安装node:直接下载解压安装需求的版本即可, 安装完成之后以管理员身份打来cmd,

 可执行命令:

    node -v 或者是 node -version   查看当前安装的版本(能够查看到,表示node安装成功)

    

2.安装脚手架工具:npm install -g @angular/cli

    安装指定版本可执行:npm install -g @angular/cli@+版本号

 

执行此命令之前请注意两个问题

a.注意本工具默认的下载地址在国外,可以执行命令:

              npm config get registry 来查看.

            (由于连接国外需要更好的网络质量,对于下载的问题上有很多不便,所以在国内的淘宝加入了其远方下载的镜像,可以更便捷的来下载)需要改变下载的执行地址,

           命令是: npm config set registry http://registry.npm.taobao.org

 b.对于下载网速不好的同志,在下载过程中可能出现卡顿等原因导致下载不全面,会直接导致后续创建工作的不能成功:

        可以执行重新下载:npm install -g@angular/cli 或者

        卸载npm uninstall -g angular-cli

       [如果提示使用npm cache verfy 删除,表示删除没有成功,

       可强制删除执行:npm cache verify --force ]

       清理 :npm cache clean,然后再重新在网络质量好的环境下重新执行下载.

 

3.安装完后可以ng -v查看当前版本号,以验证安装成功

 

4.创建angularjs的项目:

 

    a.普通项目执行:ng new demo(即自定义项目名称)

 

    b.创建带有路由模块的项目:ng new demo --routing

 

    创建成功会提示...success 

5.打开idea,File按钮中Open...,找到自己创建好的选中angularjs项目名称>>ok即可

  

 6.导入成功后,

在框中[idea面板中间有一个框框是来设置项目运行服务器的]Edit configurations,进入Run/Debug Configurations界面,

点击+号添加运行的方式,选择npm,Name自定义,pacjage.json会自动生成,

scripts设置start>>Apply>>ok即可..点击绿色三角,或者绿色虫子启动项目.

    

7.点击idea下侧Terminal,会显示启动的情况:(可以在本窗口中手动输入命令执行启动:a.ng serve b.ng serve --open 自动在默认页面打开)

    可以通过命令来修改当前项目的端口号: ng serve --port 4201

 

8.浏览器中输入 localhost:4200

新手手打,,,,有错误还请点出..................真挚感谢.求大神指点!!!!!!!!!!!!!!!!!!!!!!!!!1

 

.........................................................