安裝vue-cli和webpack並建立vue項目

1.  沒有安裝過node.js,請先安裝node.js,Node.js安裝包及源碼下載地址爲:https://nodejs.org/en/download/。使用node -v  檢查node.js是否安裝好及node.js版本。vue

2. 安裝vue-cli,由於是全局安裝,因此只須要運行一次就能夠了。   安裝成功後之後沒必要在安裝,安裝命令以下: node

npm install  -g  vue-cli webpack

安裝成功後,能夠執行vue   list 命令查看web

舉例出了咱們能夠用的哪些模板。vue-cli

3. 用vue-cli構建項目npm

  3.1 安裝webpack模塊,把當前目錄存放到項目存放目錄瀏覽器

    vue init webpack  sell          (sell是咱們項目名稱)spa

  

 

     3.2項目構建成功後,按照給出的提示命令往下操做   3d

      cd   sellblog

      npm install

      npm run dev

 

    3.3運行了npm run dev後,根據窗口給出的地址   複製打開,若是須要瀏覽器自動打開  須要作配置,將autoOpenBrowser設爲true

相關文章
相關標籤/搜索