從安裝node js到構建一個vue並啟動它
1、安裝node js
下載地址:http://nodejs.cn/download/
2、安裝完成後執行Node.js command prompt(node -v檢視安裝版本)
3、安裝npm(由於現在版本的nodejs已經整合npm所以無需安裝,可以用npm -v 檢視版本)
4、註冊cnpm來代替npm
使用命令:npm install cnpm -g --registry=https://registry.npm.taobao.org
如果你發現你安裝成功了,使用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
8、使用命令cnpm run dev啟動專案,瀏覽器會開啟 http://localhost:8080/#/ 看到以下效果
開發時屬於熱部署狀態,程式碼儲存後瀏覽器會自動重新整理,錯誤提示也非常友好。
9、編譯打包 cnpm run build
會編譯打包到專案dist資料夾下,然後我們就可以部署到伺服器上(注意:如果你直接開啟index.html,可能頁面會是一片空白,這是由於你引用的js路徑有問題)
10、使用jQuery包
http://www.cnblogs.com/pandabunny/p/5417938.html