一、交互式命令行創建
1、運行 vue create myvue
選擇默認創建模式,會在指定的文件夾下創建文件
2、進入到myvue文件夾,運行:npm run serve
3、訪問本地的地址就可以看到起來的網站
二、圖形化界面創建
1、運行:vue ui
2、本地訪問:localhost:8000
3、點擊創建後選擇一個文件夾
4、設置項目的信息:如名字等
5、選擇默認創建後會進入面板中,可以看到項目的一些配置信息
三、腳手架結構目錄
四、自定義打包的端口號,並打包後自動打開瀏覽器
1、修改項目下的vue.config.js,增加如下的內容
const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ //transpileDependencies: true, devServer:{ port:8081, open:true } })
2、進行項目根目錄下再次運行:npm run serve