zoukankan      html  css  js  c++  java
  • 二、创建项目

    1、安装vue-cli后,就可以创建项目了。

    2、创建项目有两种方式: 第一种是通过vue  create<项目名称>命令创建。(推荐使用第一种)

                                               第二种是通过vue ui命令启动图形界面来创建项目。

    3、第一种是通过vue  create<项目名称>命令创建。(推荐使用第一种)

    选择好项目存放的目录(使用Alt+D, 键入 cmd 按 Enter回车),windows系统打开命令提示符cmd。输入以下命令,开始创建一个vueclidemo的项目,注意项目名称中不能有大小写字母。

    vue  create  vuedemo

    有三个选项(这里用方向键选择第三项,然后按Enter键)。

    第一个选项默认安装vue2版本,适合快速创建项目。

    第二个选项默认安装vue3演示版本。

    第三个选项手动进行配置并安装,适合有经验的开发者。

    按Enter键后出现以下配置选项。

    Choose Vue version:选择配置的vue版本。

    Bable:ES6语法转码器,用于将ES6代码转成ES5代码。

    TypeScript:TypeScript是JavaScript的超集,主要是提供了类型系统和对ES6的支持。TypeScrpt是由微软开发的开源编程语言,它可以编译成纯JavaScript,编译出来的JavaScript可以运行在任何浏览器上。

    Progressive Web App(PWA) Support:支持渐进式Web应用程序。

    Router:vue-router 路由。

    Vuex:状态管理。

    CSS Pre-processors:CSS预处理器,解析less、sass。

    Linter/Formatter:代码风格检查和格式校验,比如ESlint。

    Unit Testing:单元测试。

    E2E Testing:End to End测试。

    默认选择的是Choose Vue version、Babel和Linter/Formatter选项。如果想选择其他选项比如:Router和Vuex,可以按空格键space选中,接下来按Enter键,可以进入下一步配置。

    (这里选择2.x,进入下一步配置)

    第一个选项是指ESlint仅用于错误预防。

    后三个选项是让你选择ESlint和哪一个代码规范一起使用,至于选择哪种代码规范,要看个人的喜好或者公司的要求。

    (这里我们选择第一个。选择后进入何时检测代码界面)

    这里选择第一个:保存时检测。

    (接下来进入配置信息存放在哪里的选项)

    第一个选项是指在专门的配置文件中存放配置信息。

    第二个选项是把配置信息放到package.json文件中。

    (这里我们选择第二项,接下来提示是否保存本次配置)

    输入y键再按Enter键,确认。

    接下来给本次配置取个名字。名字随便起,也可不写。

    按Enter键开始创建脚手架项目。(这期间会根据配置自动下载需要的包,耐心等待,项目创建完成。)

  • 相关阅读:
    hdu acm 2639背包问题,这题很经典啊~~~
    hdu acm 2191
    qt中实现区域反白效果
    解决pythonxml 模块 在ubuntu karmic中找不到的问题
    Python正则表达式操作指南
    webkit 资料
    标点符号的英语名称
    ubuntu设置分辨率
    如何绑定多个action到一个slot
    改注册表,实现像迅雷一样的自定义url
  • 原文地址:https://www.cnblogs.com/Strugglinggirl/p/15354412.html
Copyright © 2011-2022 走看看