Vue的安裝並在WebStorm中運行


一、Vue的安裝需要兩個支持分別為:nodejs、npm

  Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。

  Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。

  Node.js 的包管理器 npm,是全球最大的開源庫生態系統。

  npm全稱為Node Package Manager,是一個基於Node.js的包管理器,也是整個Node.js社區最流行、支持的第三方模塊最多的包管理器(類似於java中的Maven)。
  npm的初衷:JavaScript開發人員更容易分享和重用代碼。
  npm的使用場景:
    允許用戶獲取第三方包並使用。
    允許用戶將自己編寫的包或命令行程序進行發布分享。

  1.nodejs安裝 https://nodejs.org/en/

   下載一直下一步就可。

          

 

  2.npm安裝 這里安裝阿里的 cnpm 中國節點快  但是時間都很長。

  安裝淘寶鏡像(類似於阿里雲的maven中央倉庫鏡像)

  安裝命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

  驗證命令:cnpm -v

  3.安裝webpack

  利用npm安裝webpack 命令行語句為cnpm install webpack -g  。

    4.接下來就是全局安裝vue-cli。

  安裝語句為:npm install --global vue-cli

  驗證命令:vue -V (V要大寫)

  5.執行cnpm install

  命令截圖如下:

  

  

  

  

二、WebStorm運行Vue項目

  1、打開WebStorm創建Vue項目如下圖:

  

  紅色為新建的順序,黃色為node.js地址(裝好了會自動尋找),藍色為vue.js包的地址,綠色為打包所用的打包模塊。

  2、選中package.json 右鍵選擇 show npm scripts

  

  

  

  訪問后出現下圖:

  

 

 

 

           

 

 

 

 

 


免責聲明!

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



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