vue垂死掙扎系列（一）——vue-cli快速搭建

項目安裝(windows10安裝環境+vue-cli 2.x）

• 安裝node
  • 在官網上下載穩定版本的node node.js官網
  • 一路傻瓜安裝
  • 測試是否安裝成功 cmd中node --version
• 安裝vue-cli 2.x
  • npm install -g vue-cli (全局安裝vue-cli 2.x，可能較慢，建議下面方法）
  • npm install -g cnpm ----registry=https://registry.npm.taobao.org (使用國內鏡像）
    如果cnpm -v成功以後 繼續 cnpm install -g vue-cli
• 生成項目(init)
  • vue init webpack my-project (項目名字my-project,會在當前目錄下生成)
  • cd my-project
  • cnpm install (安裝依賴 node_modules)
  • npm run dev (啓動項目，默認爲localhost:8080端口）
• 打包上線
  • npm run build （文件項目基本都在src中，打包後會生成dist文件夾，項目上線使，只須要將dist文件夾放到服務器中就能夠了)

項目安裝(windows10安裝環境+vue-cli 3.x）

如今vue-cli已經升級到3版本了，繼續💪

• 安裝node
  • 下載node，注意版本，vue-cli 3.x 要求node的版本須要8.9甚至更高版本（推薦LTS 8.11.3)
  • 步驟同上
• 安裝vue-cli 3.x
  • npm install -g @vue/cli (是的，你沒有看錯，包換名字了，vue-cli更名叫@vue/cli了）
    可在cmd中，查看vue --version是否成功
• 建立項目 （create)
  • vue create my-project
  • cd my-project
  • npm run serve (注意直接run serve就好了，不須要 run dev了）
• 打包上線
  • npm run build