windows環境下搭建vue+webpack的開發環境以及問題解決


# 全局安裝vue-cli
npm install -g vue-cli

# 使用vue-cli初始化項目
vue init webpack sell    (sell這個是文件名,你自己取的)

# 進入到目錄
cd sell

# 安裝依賴
npm install

# 開始運行
npm run dev

 主要步驟為以上五步,下面來詳細解說:

 准備工作:前提你安裝好了node和npm,這很簡單,這里就不介紹了;看版本就在命令行輸入:node -v      npm -v;

 node版本最好在4.0以上,還有最好安裝git工具,安裝了git后用Git Bash的命令行,這樣你會看的更簡單明白,沒有也沒關系的,在系統的命令行一樣;

 在這之前最好安裝淘寶鏡像,速度會快很多;命令行輸入:npm install -g cnpm --registry=https://registry.npm.taobao.org   這樣就可以在npm前加c

 1.安裝腳手架

  安裝vue-cli
  cnpm install -g vue-cli
  全局安裝vue-cli這個腳手架,相當於工地建築外面圍着房子搭的那些鋼鐵架子;

 

  2.初始化項目
  使用vue-cli初始化項目
  vue init webpack sell (sell這個是文件名,你自己取的)

  過程中會出現一些選項;如不懂,一直默認回車就是;
  安裝完成后就會出現這個目錄:

 

 

  

  沒有node-modulesmes沒關系,那是下步才有的;

  ???安裝這步報錯?是不是這個:

 Failed to download repo vuejs-templates/webpack-simple: connect ETIMEDOUT 192.30.253.113:443

 那是你host文件出錯了,參考下面一篇博客:

 http://www.cnblogs.com/taiyanghua0522/p/6043942.html

 ???!!!你不能修改它?那是權限不夠!參考下面這個:

 http://jingyan.baidu.com/article/86fae346cada1f3c49121ac4.html

 不知道你的用戶名??右鍵你的電腦—屬性,找到你的計算機名;

  

  這是除了webpack以外的官方模板:

 

 

 3.進入sell目錄

 

 4.安裝依賴 

  npm install

 

  這樣就會出現node-modulesmes這個文件了!

 

 5.啟動
 npm run dev

 然后再瀏覽器輸入:localhost:8080 一般自動彈出來的
 如下圖:

 大功告成了!!!有問題請留言。


免責聲明!

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



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