1、第一步安裝node.js https://nodejs.org/en/ 前期可以下載軟體包,後期熟練以後可以通過nvm進行 Node的版本切換以及升級 然後window+r 輸入cmd 打開命令行 輸入node -v 查看版本號 如: 2 、安裝cnpm(淘寶國內加速)npm install - ...
1、第一步安裝node.js
前期可以下載軟體包,後期熟練以後可以通過nvm進行 Node的版本切換以及升級
然後window+r 輸入cmd 打開命令行 輸入node -v 查看版本號 如:
2 、安裝cnpm(淘寶國內加速)
npm install -g cnpm --registry=https://registry.npm.taobao.org
3、全局安裝vue
cnpm install vue-cli -g //安裝完成後在命令行輸入 vue -V 查看當前的版本
4 、創建項目
vue init webpack app //webpack 後面跟的是項目創建的名稱 自己隨便定義-----(只要不是大寫的子母、或者是中文)
5、根據命令行提示下操作
cd app 進入app目錄
6、npm run dev //就啟動了
這樣就可以書寫讓自己愉快代碼了,像在自己定義的組件里做一些讓你覺得優雅的事情
/------註釋-------/
在項目開發過程中會遇到跨域,設置跨域代理就ok了 在config文件夾里的 index.js 里操作 //也可以使用 Nginx 做代理,需要有基礎的哦
proxyTable: {
'/api': {
target:'http://api.douban.com/v2', // 你請求的第三方介面
changeOrigin:true, // 在本地會創建一個虛擬服務端,然後發送請求的數據,並同時接收請求的數據,這樣客戶端和服務端進行數據的交互就不會有跨域問題
pathRewrite:{ // 路徑重寫,
'^/api': '' /---因為在最初的功能變數名稱上是沒有/api的,所以路徑重寫將它替換為空---/
}
}