vue基础系列文章12---创建脚手架

vue基础系列文章12---创建脚手架

一、交互式命令行创建

1、运行 vue create myvue

选择默认创建模式，会在指定的文件夹下创建文件

2、进入到myvue文件夹，运行：npm  run serve

3、访问本地的地址就可以看到起来的网站

二、图形化界面创建

1、运行：vue ui

2、本地访问：localhost:8000

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。