zoukankan      html  css  js  c++  java
  • Vue CLI3脚手架的使用

    1.Vue CLI 依赖于node.js 坏境 首先安装node.js  安装完node.js 通过npm 安装CLI 

    注意: CLI2 与 CLI3的 方式并不相同

    --------------------------CLI2 使用 vue install webpack 项目名称

    --------------------------CLI3 使用 vue create 项目名称 

     在终端输入完这句代码后 会弹出:

     这里我们会手动配置 选择

    会弹出这几个配置

     

     你会用ESLint 就选择Linter 如果不会使用 就按空格 取消  敲回车确认

     这里会提示 选择哪个vue版本 这里我们选择2版本 

     

     这里提示 是否将当前配置信息 保存为一个模板 这里我们选择N

     开始 安装 这时候我们要傻瓜等待。。。。。。。。。。。。

    安装完成之后 会出现

     node_modules 这里面是 node所下载需要的文件 

    src 放置的是源码 一般我们写的东西 都是在源码里面 

    项目的配置信息 都放在package.json  在这里我们可以查看我们的版本信息

    当前我们也可以通过另一种方式 去修改vue CLI的配置 (在CLI3之后才可以使用)

    通过vue ui 可以实现用户图像界面操作 

     这里的东西 是对其他内容进行详解

    插件面板 显示你安装的vue插件 如果你想要添加其他插件 可以

    查看当前vue CLI的依赖 

    如果想添加其他依赖 可以 

    配置当前Vue CLI 

     这里的任务 是执行本地浏览器 与 打包 

     当前也可以通过 npm 进行 运行服务器 与打包 

    分别是 

    npm run serve 与 npm run build

     利用npm 运行服务器  

     出现这个界面代表我们脚手架构建成功---------------------

     

  • 相关阅读:
    Swift协议+代理
    socket编程详解
    Sublime Text 3下 Emmet 使用小技巧
    sublime text3 针对于前端开发必备的插件
    Emmet使用手册
    使用Emmet(前身Zen Coding)加速Web前端开发
    Emmet的高级功能与使用技巧
    RSS订阅推荐
    UIView中常见的方法总结
    技术博客rss订阅源收集
  • 原文地址:https://www.cnblogs.com/skyfail/p/14711166.html
Copyright © 2011-2022 走看看