zoukankan      html  css  js  c++  java
  • Vue CLI(脚手架)

    Vue 脚手架是 Vue 官方提供的标准化开发工具(开发平台)。
    文档地址: https://cli.vuejs.org/zh/
     

    安装具体步骤

        
    1. 下载缓慢请配置 npm 淘宝镜像(个人推荐先配置淘宝镜像,不然后续下载可能会很慢):
      npm config set registryhttps://registry.npm.taobao.org
    其次,Vue 脚手架隐藏了所有 webpack 相关的配置,若想查看具体的 webpakck 配置,请执行:
      vue inspect > output.js
     
    2.第一步(仅第一次执行):全局安装@vue/cli。
    npm install -g @vue/cli

    这里我本来通过npm uninstall vue-cli -g卸载了之前安装的版本,然后再通过npm install -g @vue/cli再次安装了,但是忘记截图了,就不再操作演示一遍了,很简单的指令操作。更多操作可以点击上方VueCLI的文档地址,讲的非常详细。

    3.第二步:切换到你要创建项目的目录,然后使用命令创建项目 vue create xxxx

     这里选择在桌面创建,方便查看,然后随手创建了一个demo文件夹,敲回车执行

    可以切换,但是我们使用的是Vue2。

     选择打包方式

    创建完成:之前用mkdir demo创建的文件夹(这个只是随手测试一下,不要创建)和创建的vue文件vue_test

     4.启动项目

    npm run serve

    快速进入方式:进入vue_test目录,并在目录路径敲入cmd,回车进去命令行控制台

     输入命令:npm run serve

     

     出现该页面则启动成功:

     访问: http://localhost:8080/

    访问成功,说明vue_test创建成功。

  • 相关阅读:
    读入输出优化模板
    HDU-2647 Reward(拓扑排序)
    HDU-2647 Reward(拓扑排序)
    HDU-2647 Reward(拓扑排序)
    HDU-2647 Reward(拓扑排序)
    Using KafkaBolt to write to a kafka topic
    Using KafkaBolt to write to a kafka topic
    Using KafkaBolt to write to a kafka topic
    Using KafkaBolt to write to a kafka topic
    getElementById() 获取指定ID的第一个元素
  • 原文地址:https://www.cnblogs.com/ftx3q/p/15327541.html
Copyright © 2011-2022 走看看