304 vue 启动项目打开页面_Vue搭建项目工程(续)

第一步:

继上次的vue搭建工程项目，使用的是DOS窗体命令行方式来搭建，今天就在介绍另一种搭建工程的方式，在介绍之前还得强调你必须搭建好上次需要开发用到环境,比如需要安装node.js 和vue.js 在DOS窗体下验证是否可以使用，再次奉上图例子，如有疑惑请看上一篇文章。

第二步：所有的环境准备好以后，同样window+R 输入cmd 打开DOS窗口

选择自己需要创建目录下，输入vue ui 回车

稍等片刻就会自动启动浏览器打开一个页面如下图

紧接着操作如下图根据顺序点击

接着就会跳入一个界面如下图

填好和选择好以后点击下一步出现一个页面：

我这里选择手动配置当然也可以按你的意思来弄；

接着根据图示来选择搭建的所使用的的依赖在点击下一步，

在按图示选择对应的依赖点击下一步

接着出现一个弹窗如下图我们可以看自己的想法来定:

然后喝喝咖啡看看窗外的世界或者逗逗旁边的妹子，开心的等待工程的创建吧。

出现下面的界面嘿嘿恭喜你项目已经成功创建了

那么接下来就需要编译启动起来看一下是否可以运行成功

按照上面的图示以此点击启动你就会看到下面的图示那么使用浏览器搭建vue前端工程项目完毕，恭喜你又学会了一个方式。

304 vue 启动项目打开页面_Vue搭建项目工程(续)相关推荐

vue webpack 自动打开页面_vue中webpack技术详解
1.为什么要使用webpack: 因为我们想把资源整合.如在项目index.html文件中为了请求变得更少我们可以新建一个叫main.js的项目入口文件(里面有引用其它的各种资源,而index.htm ...
基于 abp vNext 和 .NET Core 开发博客项目 - 使用 abp cli 搭建项目
基于 abp vNext 和 .NET Core 开发博客项目 - 使用 abp cli 搭建项目转载于:https://github.com/Meowv/Blog 首先,默认咱们已经有了.net ...
vue判断离开当前页面_vue离开当前页面触发的函数代码
vue离开当前页面触发的函数代码我就废话不多说了,大家还是直接看代码吧~ destroyed(){ console.log('销毁') } 补充知识:vue中进入路由页面和离开路由页面后执行函数进 ...
vue 项目内存溢出_Vue/React 项目运行或者打包出现内存溢出解决方案
因为项目过大运行打包项目的时候报错FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed image.png ...
商城项目笔记一：搭建Maven工程，利用Dubbo实现SOA面向服务框架，部署zookeeper注册中心，FastDFS框架实现图片上传，部署nginx服务器。
文章目录 1. 商城项目总结笔记: 1.1. 第一天工作记录:搭建Maven工程 1.2. 第二天工作记录:创建SOA面向服务架构,通过工具类实现分页技术 1.3. 第三天工作记录:部署nginx服务 ...
【Qt】打开现有 Qt 项目 ( 打开已存在的项目 | 运行打开的项目 )
文章目录前言一.打开已存在的项目二.运行打开的项目前言 Qt 环境安装参考 [Qt]Qt 开发环境安装 ( Qt 版本 5.14.2 | Qt 下载 | Qt 安装 ) 博客 ; 在 Qt 中 ...
vue 修改项目启动后的页面_vue项目打包后打开页面空白解决办法
网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通过手机打开一片空白.这个主要原因是路径的问题. 1.记得改一下config下面的index.js中bu ...
手牵手学习vue之从0到1搭建项目
背景作为一个三年左右的程序员,时常是焦虑的,总是感觉会的不多,想着后面的路到底怎么走?要不要继续接着往下走!质疑的声音就慢慢出现在自己的耳边,但是我不能放弃,走到今天挺不容易的,面对自己对自己的质疑 ...
vue修改代码同步页面_vue实现两个组件之间数据共享和修改操作
我们在使用vue开发过程中会遇到这样的情况,在父组件中引入了子组件,需要将父组件的值传到子组件中显示,同时子组件还可以更改父组件的值. 以我目前的一个项目的开发为例,如下图页面: 在父组件中,我引入了 ...

304 vue 启动项目打开页面_Vue搭建项目工程(续)

304 vue 启动项目打开页面_Vue搭建项目工程(续)相关推荐

最新文章

热门文章