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


1、第一步安裝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

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的,所以路徑重寫將它替換為空---/ 
          }
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM