從安裝node js到構建乙個vue並啟動它

1、安裝node js

2、安裝完成後執行node.js command prompt（node -v檢視安裝版本）

3、安裝npm（由於現在版本的nodejs已經整合npm所以無需安裝，可以用npm -v檢視版本）

4、註冊cnpm來代替npm

使用命令：npm install cnpm -g --registry=

如果你發現你安裝成功了，使用cnpm卻發現找不到命令，那麼就是你的環境變數有問題，在環境變數裡面的path新增你node的安裝路徑就行，比如";c:\program files\nodejs\node_modules"

5、安裝vue腳手架vue-cli

命令：cnpm install -g vue-cli

安裝成功後可以用vue -v檢視vue版本

6、cd到對應的目錄下初始化vue專案

命令：vue init webpack my-project

project name 專案名 

project description 專案名描述 

author 作者郵箱 

use eslint to lint your code? 是否需要eslist語法檢查 

setup unit tests with karma + mocha? 是否需要單元測試 

setup e2e tests with nightwatch? yes是否需要e2e測試 

7、package.json為專案依賴資源，如果要執行這個專案需要使用cnpm install安裝依賴項（直接在專案資料夾路徑下執行）

8、使用命令cnpm run dev啟動專案，瀏覽器會開啟 http://localhost:8080/#/ 看到以下效果

開發時屬於熱部署狀態，**儲存後瀏覽器會自動重新整理，錯誤提示也非常友好。

9、編譯打包cnpm run build

會編譯打包到專案dist資料夾下，然後我們就可以部署到伺服器上（注意：如果你直接開啟index.html，可能頁面會是一片空白，這是由於你引用的js路徑有問題）

10、使用jquery包

從安裝node js到構建乙個vue並啟動它

1 安裝node js 2 安裝完成後執行node.js command prompt node v檢視安裝版本 3 安裝npm 由於現在版本的nodejs已經整合npm所以無需安裝，可以用npm v檢視版本 4 註冊cnpm來代替npm 使用命令 npm install cnpm g regist...

使用nodejs構建乙個簡單的部落格專案

描敘介面 方法url引數 備註獲取部落格列表 api blog list getauthor作者,keword搜尋關鍵字 引數為空的話，則不進行查詢過濾 獲取一篇部落格的內容 api blog detail getid 新增一篇部落格 api blog new post post中有新增的資訊 更新...

NodeJS安裝第乙個工程

在命令列視窗輸入node v 和npm v 二 建立乙個node.js工程 1 控制台視窗 全域性安裝了express模組 npm install express g 2 全域性安裝express generator模組 npm install express generator g 3 輸入exp...