vue基礎系列文章12---創建腳手架

一、交互式命令行創建

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章