VUE使用vue create命令创建vue2.0项目的全过程

目录
  • 前言
  • 第一步，打开命令行后，首先进入我们想要创建项目的目录下
  • 第二步，执行 vue create xxxx 命令
  • 总结

前言

为了保证创建过程中避免出现因权限不足的原因 从而 导致创建失败的问题，我们使用 管理员身份 打开命令行

第一步，打开命令行后，首先进入我们想要创建项目的目录下

g: 表示切换进入G盘

cd git 表示打开 当前盘下的 git 文件夹

大家可以根据以上两个命令进入自己想要保存项目的目录下，我这里是保存在 G:\Git 文件夹

第二步，执行 vue create xxxx 命令

xxxx 代表 项目名称

这里我们选择 (通过 键盘上的方向键) 第三项，

第三项可以手动选择创建项目时 一同创建的"工具"，比如vue-router，sass 等等，

而上面的两个选项则不能 选择与项目一同创建的“工具”。（选择完毕后 敲 回车键 ）

出现这个界面时，默认勾选的三个不用动就行，正常情况下，Progressive、Unit Testing、E2E Testing 不需要安装。

其他选项 根据 项目 需要 进行选择，我们这里选择下面几种常用“工具”。（方向键 进行 切换，空格键 进行 勾选，确认勾选完毕后 敲 回车键 ）

和你 确认创建vue项目的版本（选项分别 为vue2.0 以及 vue3.0）

这里我们 选 2.x

和你确认 路由器是否使用 history 模式？（Y：确认 / N：取消）

这里我们 输入 Y 回车

和你确认 sass 版本

这里我们 选 Sass/SCSS (with dart-sass)

和你确认 语法检测 配置

这里我们 选默认的第一个

和你确认 触发语法检测的方式

这里我们 选 Lint on save (保存时就触发)

和你确认 配置文件放置位置

这里我们 选  In dedicated config files (单独放置)

和你确认 是否把刚刚配置过的信息 保存为预设模板（保存为预设后，以后在创建项目时就可以选择这个预设模板进行创建）

这里我们 输入 n (也不麻烦，多走走流程挺好的)

然后等待 直至出现下面内容为 创建成功！

然后执行 启动命令 成功!

总结

到此这篇关于VUE使用vue create命令创建vue2.0项目的文章就介绍到这了,更多相关vue create命令创建vue2.0项目内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • vue里使用create,mounted调用方法的正确姿势说明

    vue里使用create,mounted调用方法的正确姿势说明

    目录 使用create,mounted调用方法 我之前有个错误的写法 错误有2 mounted方法和created区别 使用create,mounted调用方法 首先: 我之前有个错误的写法 错误有2 1,我一直以为在created里定义方法然后使用,其实这里的getCustomerInfo只是调用 2,所有的方法都应该在methods里定义,然后在created或者mounted里 使用this调用方法,用这种方式实现初始化 正确写法: 这样,页面开始会初始化信息,修改信息后会执行getCus

  • VUE使用vue create命令创建vue2.0项目的全过程

    VUE使用vue create命令创建vue2.0项目的全过程

    目录 前言 第一步,打开命令行后,首先进入我们想要创建项目的目录下 第二步,执行 vue create xxxx 命令 总结 前言 为了保证创建过程中避免出现因权限不足的原因 从而 导致创建失败的问题,我们使用 管理员身份 打开命令行 第一步,打开命令行后,首先进入我们想要创建项目的目录下 g: 表示切换进入G盘 cd git 表示打开 当前盘下的 git 文件夹 大家可以根据以上两个命令进入自己想要保存项目的目录下,我这里是保存在 G:\Git 文件夹 第二步,执行 vue create xx

  • vue2.0项目实现路由跳转的方法详解

    一.安装 1.安装路由vue-router: npm install vue-router vue项目的依赖文件node_modules存在vue-router依赖,说明安装成功 2.vue项目引入vue-ruoter: 二.应用 1.路径配置(页面跳转): 方法一:如果切换的页面不多,可以直接在main.js文件内配置. 方法二:如果切换的页面较多,可以建一个专门用于路由的js文件,里面配置路径. 1)router.js配置文件 2)main.js里引入router.js路由文件 2.组件里调

  • vue2.0项目集成Cesium的实现方法

    安装cesium 在已有项目中执行, npm i cesium 修改配置 build/webpack.base.conf.js 1.定义 Cesium 源码路径 const cesiumSource = '../node_modules/cesium/Source' 'use strict' const path = require('path') const utils = require('./utils') const config = require('../config') const

  • SpringBoot创建多模块项目的全过程记录

    SpringBoot创建多模块项目的全过程记录

    构建项目 我们采用IntelliJ IDEA工具来创建一个Maven项目,项目的pom.xml要添加对应SpringBoot的配置,因为Maven多模块项目内的模块并不能独立的存在,必须有一个介质来包含,项目结构如下下图所示 我们创建的Maven项目结构如上图所示,pom.xml内我们对应的添加了对SpringBoot的支持,因为我们需要使用SpringBoot来作为项目基本框架,并在pom.xml配置文件引入了Web模块的支持,所以介质项目内的Module都会用于Web依赖 我们在介质Mave

  • pycharm社区版安装django并创建一个简单项目的全过程

    pycharm社区版安装django并创建一个简单项目的全过程

    目录 前言 1.在PyChrom下载django包 2. 创建项目 3. pycharm中运行 总结 前言 最近在某学习网站看视频发现up主直接打开pycharm新建项目就可以创建django项目,但是自己的pycharm打开只能建python文件,之后才知道自己的pycharm社区版的功能有限,所以需要自己配置django环境.下面就总结一下步骤. 1.在PyChrom下载django包 首先需要新建一个项目,然后在对应的项目中配置django环境.(此处默认您已经打开了一个项目了),接下来按

  • vue2.0项目中使用Ueditor富文本编辑器示例代码

    vue2.0项目中使用Ueditor富文本编辑器示例代码

    最近在vue项目中需要使用富文本编辑器,于是将Ueditor集成进来,作为公共组件. 项目地址:https://github.com/suweiteng/vue2-management-platform 1.放入静态资源并配置 首先把官网下载的Ueditor资源,放入静态资源src/static中. 修改ueditor.config.js中的window.UEDITOR_HOME_URL配置,如下图: 2.引入 在main.js中引入 import '../static/UE/ueditor.

  • 手把手教你搭建vue3.0项目架构

    手把手教你搭建vue3.0项目架构

    前言: GitHub上我开源了vue-cli.vue-cli3两个库,文章末尾会附上GitHub仓库地址.这次把2.0的重新写了一遍,优化了一下.然后按照2.0的功能和代码,按照vue3.0的语法,完全重写了一遍.虽然名字叫cli,其实两个库都是基于vue-cli创建的.做这个的目的是为了工作中快速启动项目,毕竟切片打包.less.axios.vuex.router.UI框架.基础文件目录.权限,这些都是基操,当然项目不同,还是要做些调整的.这两个项目的master分支都是最基础的东西,里面还包

  • Vue2.0中集成UEditor富文本编辑器的方法

    在vue的'项目中遇到了需要使用富文本编辑器的需求,在github上看了很多vue封装的editor插件,很多对图片上传和视频上传的支持并不是很好,最终还是决定使用UEditor. 这类的文章网上有很多,我进行了摸索.手写代码.汇总.排版,形成了这篇文章. 下载对应的UEditor源码 首先,去官网上下载UEditor的源码,根据你后台语言的不同下载对应的版本(PHP.Asp..Net.Jsp). http://ueditor.baidu.com/website/download.html 下载

  • 使用vue-cli创建vue2项目的实战步骤详解

    目录 前言 第一步:搭建node运行环境,根据操作系统选择相应安装包 第二步:安装webpack 第四步:创建项目 总结 前言 说明!!!:Vue CLI >= 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆盖了.所以使用脚手架创建vue2的项目,需要先全局安装一个桥接工具,然后创建一个vue2的项目: 第一步:搭建node运行环境,根据操作系统选择相应安装包 下载地址:https://nodejs.org/en/download/ 检验是否安装成功,命

  • vue2.0组件之间传值、通信的多种方式(干货)

    Vue中组件这个特性让不少前端er非常喜欢,我自己也是其中之一,它让前端的组件式开发更加合理和简单.这次我们就来聊一聊vue2.0组件之间传值.通信的多种方式. 一.通过路由带参数进行传值 ①两个组件 A和B,A组件通过query把orderId传递给B组件(触发事件可以是点击事件.钩子函数等) this.$router.push({ path: '/conponentsB', query: { orderId: 123 } }) // 跳转到B ②在B组件中获取A组件传递过来的参数 this.

随机推荐