zoukankan      html  css  js  c++  java
  • vue cli第一个示例

    1.环境安装

      安装完node后,执行

      npm install -g @vue/cli

      npm install -g @vue/cli-service-global(可以使用vue serve与vue build命令)

     2.创建项目

       命令行式:vue create 项目名称(全英文、小写)

        然后自动使用模板或者手动选择要使用的技术点(最终可以选择保存成新的模板,位置在~/.vuerc下)

       图形化式:vue ui,弹出浏览器,引导进行项目创建过程 

       注意:当前所用的都是vue cli 3.0,如果想使用vue cli 2.X的框架,安装(npm install -g @vue/cli-init),创建项目(vue init webpack 项目名称) 

     3.安装插件

       创建过程中,已经在模板中自带了很多插件,但是开发过程中,难免会用到的新的插件,我们可以通过界面安装,或者使用vue add命令安装

    4.发布

      npm run build 在当前文件夹下生成dist目录 

    命令集合:

    1.vue serve 在包含app.vue(main.jsindex.jsApp.vue中的一个)的目录下运行当前命令,启动服务 。

       使用了与vue create创建项目相同的默认设置(webpack、Babel、PostCSS 和 ESLint) 。

       可以显式的指定入口文件,如vue serve MyComponent.vue

       附加参数:-o --open 打开浏览器,-c --copy复制本地url,-h --help输出用法信息 浏

    2.vue build

       构建 

       附加参数:

      -t, --target <target>  构建目标 (app | lib | wc | wc-async, 默认值:app)
      -n, --name <name>      库的名字或 Web Components 组件的名字 (默认值:入口文件名)
      -d, --dest <dir>       输出目录 (默认值:dist)
      -h, --help             输出用法信息

    3.vue create

        附加参数:

      -p, --preset <presetName>       忽略提示符并使用已保存的或远程的预设选项
      -d, --default                   忽略提示符并使用默认预设选项
      -i, --inlinePreset <json>       忽略提示符并使用内联的 JSON 字符串预设选项
      -m, --packageManager <command>  在安装依赖时使用指定的 npm 客户端
      -r, --registry <url>            在安装依赖时使用指定的 npm registry
      -g, --git [message]             强制 / 跳过 git 初始化,并可选的指定初始化提交信息
      -n, --no-git                    跳过 git 初始化
      -f, --force                     覆写目标目录可能存在的配置
      -c, --clone                     使用 git clone 获取远程预设选项
      -x, --proxy                     使用指定的代理创建项目
      -b, --bare                      创建项目时省略默认组件中的新手指导信息
      -h, --help                      输出使用帮助信息

    4. vue add 

  • 相关阅读:
    SQL: 返回刚插入记录的ID 及 output 更新记录时得到更新记录的ID值 .
    asp.net 用伪静态修改webconfig配置文件 .
    Asp.Net : 捕捉和记录网站中出现的所有未处理错误,抛出详细的页面来源和访问ip,调用的接口方法及异常实例(记事本日志,系统日志及数据库日志)
    js闭包(转载) (jquery ajax 异步 多循环运用 )
    c# enum 枚举名称和ID 互换获取.................
    WCF :服务开发与调用的完整示例
    关于DataSet 、 DataTable 、 ArrayList 、 IList 、Array
    Expression Tree不完全入门
    WF4 Beta2:IExecutionProperty的使用
    Groovy 1.8.9, 2.0.7 和 2.1.1 发布
  • 原文地址:https://www.cnblogs.com/liucuiqiang/p/11506023.html
Copyright © 2011-2022 走看看