vue的视图化创建项目_Vue Create 创建一个新项目 命令行创建和视图创建

本文介绍了如何使用Vue CLI 3.0创建新项目,包括命令行创建和视图化创建的步骤。通过`vue create`命令,配合不同的选项,可以快速初始化一个Vue项目。同时提到了使用`vue ui`图形化界面进行项目管理和创建。
摘要由CSDN通过智能技术生成

Vue Create 创建一个新项目 命令行创建和视图创建

开始之前 你可以先

>>:cd desktop[将安装目录切换到桌面]

>>:vue -V

:Vue CLI 3.0.0-rc.11

>>:vue create yanxiatingyu

:xxxxx一段英文

>>:y

>>:cd yanxiatingyu

>>:npm run serve

浏览器输入:http://localhost:8080/

假如浏览器能够打开,没有出现页面 可能你的端口被占用了。

C:\Users\ruby>vue -V

3.0.0-rc.11

C:\Users\ruby>vue create --help

Usage: create [options]

create a new project powered by vue-cli-service

Options:

-p, --preset Skip prompts and use saved or remote preset

-d, --default Skip prompts and use default preset

-i, --inlinePreset Skip prompts and use inline JSON string as preset

-m, --packageManager Use specified npm client when installing dependencies

-r, --registry Use specified npm registry when installing dependencies (only for npm)

-g, --git [message] Force git initialization with initial commit message

-n, --no-git Skip git initialization

-f, --force Overwrite target directory if it exists

-c, --clone Use git clone when fetching remote preset

-x, --proxy Use specified proxy when creating project

-b, --bare Scaffold project without beginner instructions

-h, --help output usage information

用法:create [options]

创建一个由 `vue-cli-service` 提供支持的新项目

选项:

-p, --preset 忽略提示符并使用已保存的或远程的预设选项

-d, --default 忽略提示符并使用默认预设选项

-i, --inlinePreset 忽略提示符并使用内联的 JSON 字符串预设选项

-m, --packageManager 在安装依赖时使用指定的 npm 客户端

-r, --registry 在安装依赖时使用指定的 npm registry (仅用于 npm 客户端)

-g, --git [message] 强制 / 跳过 git 初始化,并可选的指定初始化提交信息

-n, --no-git 跳过 git 初始化

-f, --force 覆写目标目录可能存在的配置

-c, --clone 使用 git clone 获取远程预设选项

-x, --proxy 使用指定的代理创建项目

-b, --bare 创建项目时省略默认组件中的新手指导信息

-h, --help 输出使用帮助信息

图形化界面的使用

通过 vue ui 命令以图形化界面创建和管理项目:

C:\Users\ruby>vue ui【Cocos2d-x for WP8 学习整理】(1)创建一个新项目

喜大普奔                         10.1假期之前看到了一个很振奋的消息,就是随着Cocos2d-x 2.2的发布,WP8/WIN8有史以来第一次的合并到主版本了. 之前 V2 ...

react:如何创建一个新项目

如何用react创建一个新的项目 我们打开react官网:https://reactjs.org/docs/create-a-new-react-app.html 看到以下命令 npx create- ...

Jersey 2.x 从Maven Archetype 创建一个新项目

创建 Jersey 工程需要使用 Apache 的 Maven 软件工程和管理工具.所有的Jersey产品模块都可以在 Maven中央库 中找到.这样的话 Jersey 可以非常容易和其他基于 Mav ...

使用Vue创建一个新项目

1.环境 保证已经安装好了node\npm\vue等工具,将路径设置为想要建立新项目的文件夹路径 2.关于npm与cnpm npm包管理器,是集成在node中的,node环境安装完成,npm包管理器也 ...

使用source创建一个新项目(将本地项目文件和github远程库链接)

1. 本地创建项目文件夹 2. 将本地的项目添加到source中(我使用的source版本为2.4.7.0) 3. github创建远程库  4. 关联本地项目文件和github库 确定添加就可以了. ...

微信小程序创建一个新项目

1. 新建一个文件夹. 2. 打开微信小程序开发工具,导入新建文件夹:然后输入创建的appId:会自动生成一个project.config.json,打开这个文件,会看到appid这个字段. 3.可以 ...

Yarn 的工作流-创建一个新项目

Microsoft Windows [版本 10.0.16299.125] (c) Microsoft Corporation.保留所有权利. C:\Users\Administrator>cd ...

如何使用Androidstudio创建一个新项目

首先打开AS,然后 选择第一个选项Start a new Android Studio project 填写包名和项目名,点击next 选择项目类型,点击next 选择UI类型(都是死丢丢帮你生成的) ...

关于eclipse 在创建一个新项目时自动出现的appcompat v7如何解决

参考链接:https://blog.csdn.net/u013146742/article/details/51446438 我安装的ADT版本是23.0.2的新建的Android项目会自动带个app ...

随机推荐

查看linux虚拟机ssh服务是否开启

知识准备: 1.ssh和sshd的区别: 2.ssh服务进程默认地址:/etc/init.d/ssh 查看ssh服务是否开启 service ssh status 或者: /etc/init.d/ss ...

从零到一:caffe-windows(CPU)配置与利用mnist数据集训练第一个caffemodel

一.前言 本文会详细地阐述caffe-windows的配置教程.由于博主自己也只是个在校学生,目前也写不了太深入的东西,所以准备从最基础的开始一步步来.个人的计划是分成配置和运行官方教程,利用自己的数 ...

Java谜题——库谜题

1.Java中的不可变对象和可变对象 (1)不可变类:当你获得这个类的实例的引用之后,你不可以改变这个实例的内容.比如:String,BigInteger,BigDecimal,还有基本数据类型的封装 ...

org.springframework.cloud FeignInterceptor

package org.rx.feign; import org.apache.commons.lang3.ArrayUtils; import org.aspectj.lang.Proceeding ...

MyBatis-Spring开发记录贴(新手)

初学MyBatis-Spring,发个帖子记录一下自己的学习历程,先写个自己的编程步骤. 1.先进行数据库设计. 2.根据所设计的数据,写出相应的POJO,并写出setter和getter方法. 3. ...

EF 利用PagedList进行分页并结合查询 方法2

微软提供了PagedList分页,相信大家在网上也能搜索一大堆关于pagedList用法的博客,论坛.但是,在使用的过程中一不小心,就会掉入pagedList某种常规用法的陷阱. 我所说的某种常规用法 ...

AngularJS 中<a> 超链接标签不起作用?

开始时遇到个问题,单页应用元素链接点击就是不跳转页面,使用超链接标签click 不起作用. 解决方法: 如果你不巧配置 ...

Android 开发工具类 27_多线程下载大文件

多线程下载大文件时序图 FileDownloader.java package com.wangjialin.internet.service.downloader; import java.io.F ...

PAT 甲级 1154 Vertex Coloring

https://pintia.cn/problem-sets/994805342720868352/problems/1071785301894295552 A proper vertex color ...

如何去掉HTML代码来获取纯文本?

public string TextNoHTML(string Htmlstring) { //删除脚本 Htmlstring = Regex.Replace(Htmlstring, @"& ...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值