使用 Angular CLI 搭建項目

「安裝前提：Nodejs已安裝！Nodejs中包含npm，可用來下載各種工具插件。」

安裝步驟

01

—

若之前安裝過Angular CLI，則需要卸載，並清空緩存。

npm uninstall -g angular-cli

npm cache clean --force

若清空緩存出現Error，則可執行

npm cacheclear--force && npminstall--no-shrinkwrap--update-binary

02

—

設置淘寶代理，以安裝cnpm。cnpm可代替npm，命令格式相同。

npminstall cnpm -g --registry=https://registry.npm.taobao.org

03

—

重啟命令行或者查看cnpm版本號。

cnpm -v

04

—

使用cnpm安裝Angular CLI。

cnpm install -g angular-cli@latest

05

—

設置cnpm為global packageManager。

ng set --global packageManager=cnpm

06

—

創建項目

ng new 項目名

OK！

最後我們使用編輯器導入項目

簡單介紹下 目錄的作用 * 為重要的

使用 cd 『項目名』 進入目錄

在命令行 cnpm install

這個命令就是 安裝依賴

安裝成功後就可以啟動項目

使用命令 ng seve --open

會自動在瀏覽器 打開項目

下次在此基礎 更新 angular4.x、bootstrap3.0 製作 ToDoList

製作簡易待辦事項列表

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！