vue cli快速搭建Vue開發環境

2021-09-11 20:33:02 字數 726 閱讀 9804

安裝nodejs(建議安裝 lts 版本):

安裝vue-cli(-g引數表示全域性安裝)

npm install vue-cli -g
使用vue-cli初始化乙個vue專案(my-project 是專案名稱,可以根據需要修改)

vue init  webpack  my-project
cd到專案目錄中安裝相關依賴

npm install
執行測試, 看是否能夠執行

npm run dev
6.到瀏覽器中訪問測試,預設是localhost:8080可能會有埠衝突的問題,如果埠衝突可以修改

config/index.js找到port修改為你想要的埠,重啟服務,再一次測試

npm  run  dev
如果熟悉webpack, 建議使用webpack搭建開發環境,當然,如果只是單純為了學習vue又不想花大量的時間去學習webpack, 可以使用這種快速搭建開發環境的方式

vue cli快速搭建vue專案

1.安裝node 使用6 2.安裝cnpm 安裝包時,記得以管理員許可權開啟cmd 3.安裝vue cli npm install g vue cli 4.建立專案 vue init webpack xx 請確保安裝了webpack 5.開發模式的檔案在src目錄下,進入檔案後,開啟package....

vue cli 快速搭建

引言 簡單快速搭建 vue cli 1 必須要先安裝好 node.js 2 搭建vue的開發環境 安裝vue的腳手架工具 官方命令列工具 npm install global vue cli 此命令只需要執行一次 3 建立專案 必須cd到對應的乙個專案裡面 vue init webpack vue ...

vue cli快速搭建vue專案並上傳github

首先我們先用vue cli快速搭建vue專案。假設你的電腦上已經安裝好了nodejs 如何安裝nodejs此處跳過,網上很多教程 那麼接下來就安裝vue cli。1 全域性安裝vue cli,如下 npm install vue cli g 2 用vue cli快速建立vue專案 模板 如下 vue...