記在VSCode搭建Angular環境

2021-08-18 23:10:30 字數 780 閱讀 6357

3. vscode終端

--安裝**映象

npm install -g cnpm -registry= 

cnpm install -g typescript

cnpm install -g @angular/cli

cnpm install -g express 

cnpm install -g express-generator

--查詢版本號

node -v

npm -v

tsc -v

ng -v

express --version

ng build

--若報錯提示要安裝

cnpm install -g @angular/cli

ng -v

cnpm install 

--打包

ng build 

--啟動

ng serve

--新建頁面

ng g component tabname 新建頁面  

--**

--注意:使用**映象安裝第三方,引用時修改配置專案中.angular-cli.json後,第三方樣式無效問題

例如:引用jquery和bootstrap,但因檔案包是快捷方式,搜尋後發現真正的資料夾是[email protected]@bootstrap

和 [email protected]@jquery

Vscode搭建Typescript可除錯環境

使用typescript對於js開發來說能很大的提公升開發效率,不過搭建出可除錯的typescript有些麻煩.所以這裡這裡說明一下具體的配置方法,以及提供 在使用以上 前需要確保本地安裝了node.js 以及typescript npm install g typescript將上面的github...

vscode搭建除錯typescript檔案環境

typescript 入門教程 最近想學習typescript的語法,不想引入與ts無關的東西,因此寫一篇筆記記錄搭建ts環境的過程 建立乙個typescriptstudy資料夾 進入typescriptstudy資料夾,執行npm init y快速建立package.json 執行tsc init...

VSCode搭建Vue專案

在vscode上搭建乙個vue專案 初學總結。1.假設vscode nodejs等已經安裝好了。2.全域性安裝vue cli,vue cli可以幫助我們快速構建vue專案。安裝命令 npm install g vue cli開啟vscode的終端,調出命令輸入框。點選終端 新建終端,輸入上述命令,回...