思享工具箱

使用vue ui命令创建vue项目步骤

摘要：
[] 3. 单击以创建新项目并选择一些基本配置！[] 5. 保存预设可以方便下次创建新项目，而无需重复配置！[] 7. 生成项目后，将给出一个URL。访问URL以进入项目控制面板！
1、前置环境

1、node.js
2、vue-cli
3、webstorm

2、创建步骤

1、在webstorm中打开一个终端，输入

#vue ui

运行结束后，会启动一个web服务用以可视化创建vue项目。

![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703101701574-1742909461.png)
2、主页是项目管理页面，选择项目文件夹
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102532031-2090490150.png)
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102024153-180538586.png)
3、点击创建新项目，选择一些基本配置
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102107519-1616749102.png)
4、接下来依次选择按照提示进行配置
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102201089-633301233.png)
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102202879-392078872.png)
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102204381-872522764.png)
5、保存预设可方便下一次创建新项目，不必进行重复配置
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102303948-1425289611.png)
6、配置完成，正在生成项目
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102338906-1186288132.png)
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102341233-1800870343.png)
7、项目生成后，会给出一个URL，访问该URL即可进入项目控制面板
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102444835-93762718.png)
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102619463-1455012654.png)
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102633494-915824661.png)
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102624951-1064071997.png)

标签：#https#blog#png#vue | 浏览：119 | 发布日期：

免责声明：文章转载自《使用vue ui命令创建vue项目步骤》仅用于学习参考。如对内容有疑问，请及时联系本站处理。

上篇C-Lodop的https扩展版，火狐下添加例外udp用户数据报协议下篇

宿迁高防，2C2G15M，22元/月；香港BGP，2C5G5M，25元/月 雨云优惠码：MjYwNzM=

相关文章

JetBrainstorm激活方式（持续更新）

 JetBrainstorm家族 2019年版本 亲测：2019.3.2 | 2019.1.3 1. 先下载压缩包解压后得到jetbrains-agent.jar，把它放到你认为合适的文件夹内。 下载页面：https://zhile.io/2018/08/17/jetbrains-license-server-crack.html 2. 启动你的IDE，如...

好消息，又有400多个组件支持鸿蒙了！

众所周知，HarmonyOS目前提供16000多个API。然而在API之外，我们还提供一系列组件库供开发者使用。组件库有助于降低应用开发者的开发难度，提升开发效率，让应用开发更简单高效。 目前，HarmonyOS组件库在Git上可以直接获取，组件不断扩增中，期待大家持续关注支持。 那么HarmonyOS组件库到底是什么，下面就让我们从五个方面来介绍吧~ H...

vue实现CheckBox与数组对象绑定

实现需求： 实现一个简易的购物车，页面的表格展示data数据中的一个数组对象，并提供选中商品和全选商品checkbox复选框，页面实时显示选中商品的总金额： 分析： 1：使用v-for循环渲染arraylist对象； 2：使用computed计算属性计算总价； 3：使用computed计算全选复选框是否应该被选中（商品列表如果都被勾选，则设置全选复选框的...

Ant design vue table 单击行选中 勾选checkbox

最近了解Ant design 设计table 单击行选中checkedbox功能，相比于element的 @row-click 再触发toggleRowSelection，ant design的api就没那么清晰了，言归正传 期望:Ant design table单击行选中 勾选checkedbox 实现: 单选： onClickRow(record)...

解决vscode格式化vue文件出现的问题

遇到的问题 使用vscode开发vue项目的时候，格式化vue文件，与自己配置的eslint标准会有冲突。 引号问题：单引号变双引号 分号问题：行末是否加分号。自动加/减分号 当然还会有其他个性化冲突，只需要找到怎么修改，就好办了。 说明 vscode格式化文件，使用的是快捷键shift + alt + f 而我安装了vetur插件来格式化vue文件。...

74款安卓和IOS app源码地址

知乎专栏App https://github.com/bxbxbai/ZhuanLan WeChat高仿微信 项目地址： https://github.com/motianhuo/wechat GankMeizhi https://github.com/xingrz/GankMeizhi Meizhi https://github.com/drakeet/...

最新文章

随机推荐

思享工具箱导航