文章目錄

• vue安裝及配置
• 創建vue項目
• Vue 項目打包

vue安裝及配置

• 首先下載node.js要求版本在8.9以上 官網：https://nodejs.org/zh-cn/

• 下載完可檢查在windows任務命令行里輸入node -v

• 使用淘寶NPM鏡像源下載比較快 命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

• 安裝vue-cli（全局安裝vue-cli） 命令：cnpm install vue-cli -g

• 檢查環境是否安裝上：vue -V

創建vue項目

• 在命令行里輸入命令：vue init webpack vue_demo（創建名為‘vue_demo’的文件夾,文件名稱可以自定義）
  

• 然后進入此文件夾：cd vue_demo

• 然后手動下載：cnpm install

• 最后運行程序：npm run dev

• 運行之后會導出網址：http://localhost:8080

• 在網頁上輸入上面的網址即可
  

Vue 項目打包

• 打包 Vue 項目使用以下命令：

npm run build

執行完成后，會在 Vue 項目下生成一個 dist 目錄，一般包含 index.html 文件及 static 目錄，static 目錄包含了靜態文件 js、css 以及圖片目錄 images

參考鏈接

總結

以上是生活随笔為你收集整理的vue安装及配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。