安裝篇——新建一個VUE項目

1、安裝node.jsvue

  官網地址:https://nodejs.org/zh-cn/download/node

  

 

  安裝完成以後。webpack

2、打開cmd命令框,查看是否安裝成功web

  

 

 

 3、安裝國內npm淘寶鏡像,緣由:國內直接使用npm安裝緩慢vue-cli

  執行命令:npm  install  -g  cnpm  --registry=https://registry.npm.taobao.orgnpm

  

 

  如今能夠使用cnpm來安裝模塊了。3d

 

 4、初始化項目,構建項目blog

  一、安裝vue-cli  get

  執行命令:cnpm install vue-cli -g cmd

  

 

 

   查看vue-cli是否安裝成功

  執行命令:vue list

  

 

   二、選擇目錄,新建項目

  執行命令:cd D:\vueProject

  vue init webpack  」shop-backend「

  而後一路回車+y,知道構建完成。

  

4、安裝依賴,啓動項目

  執行命令:cnpm install

  cnpm run dev

   

 

 5、訪問,輸入網址:http://localhost:8080

  

完。。。

相關文章
相關標籤/搜索