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