Vue使用腳手架部署乙個專案的三種方式

2021-09-05 01:16:27 字數 748 閱讀 9367

1.安裝node.js,安裝好後系統就自帶npm 命令,(也可以利用npm 安裝乙個cmpn乙個**映象的東西,比npm 快一點 )

2.npm -v 檢視npm 的版本

3.cnpm install vue 安裝vue

4.cnpm install --global vue-cli 安裝vue-cli腳手架構建工具

5.vue init webpack my-project 建立乙個基於 webpack 模板的新專案 my-project是專案名,專案如圖:

6.或使用vue init webpack-****** my-project 建立乙個輕型的webpack模板專案,內容比上一種少一點東西。

7.或使用vue init ****** my-project 建立乙個最簡單的專案

8.執行專案,cd my_project npm install(初始化一下) npm run dev

9.瀏覽器上輸入localhost:8080 進入本專案

10.npm run build 將專案打包成乙個dist 資料夾

使用vue cli腳手架建立乙個vue專案

環境配置 配置node環境 方法可以去網上查詢按照步驟來,安裝完成之後執行命令 npm v 顯示版本號就可以了。記得設定映象環境,不然會很慢 安裝vue 執行命令npm i g vue cli 安裝最新版本的vue,完成後執行vue v顯示版本號就成功了。安裝成功以後,後面就不需要再安裝了 以下是專...

vue 使用腳手架搭建乙個專案備用

為了方便後面做一些vue的小專案,這邊構建乙個簡單點的vue腳手架專案 乙個基於vue腳手架的移動端基礎專案 vue檔案路徑 src utils axios.js思路 直接在檔案中建立乙個axios,然後對它做出攔截,封裝等操作,隨後丟擲乙個已經完成封裝的axios作用 介面封裝檔案路徑 src u...

Vue腳手架使用

安裝 1.全域性安裝腳手架 cnpm install g vue cli 使用 2.新建資料夾,在當前目錄執行命令 vue create 專案名稱 3.配置 選擇manually select feautures 空格選擇babel和css pre procesors 選擇sass scss wit...