新手如何建立一個vue項目 ---vue---新手建立第一個項目

一、第一步安裝node.js

https://nodejs.org/en/

前期能夠下載軟件包，後期熟練之後能夠經過nvm進行 Node的版本切換以及升級

而後window+r  輸入cmd 打開命令行  輸入node -v  查看版本號 如：

2 、安裝cnpm（淘寶國內加速）
npm install -g cnpm --registry=https://registry.npm.taobao.org

三、全局安裝vue

cnpm install vue-cli -g                //安裝完成後在命令行輸入 vue -V 查看當前的版本

4 、建立項目
vue init webpack  app          //webpack 後面跟的是項目建立的名稱 本身隨便定義-----（只要不是大寫的子母、或者是中文）

五、根據命令行提示下操做

cd app 進入app目錄

六、npm run dev          //就啓動了

 

這樣就能夠書寫讓本身愉快代碼了，像在本身定義的組件裏作一些讓你以爲優雅的事情

 

 

/------註釋-------/

在項目開發過程當中會遇到跨域，設置跨域代理就ok了  在config文件夾裏的  index.js 裏操做   //也可使用 Nginx  作代理，須要有基礎的哦

proxyTable: { '/api': {　　target:'http://api.douban.com/v2', // 你請求的第三方接口       changeOrigin:true, // 在本地會建立一個虛擬服務端，而後發送請求的數據，並同時接收請求的數據，這樣客戶端和服務端進行數據的交互就不會有跨域問題       pathRewrite:{ // 路徑重寫，           '^/api': ''    /---由於在最初的域名上是沒有/api的，因此路徑重寫將它替換爲空---/           } }