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创建成功。

  • 相关阅读:
    CF763C Timofey and Remoduling
    CF762E Radio Stations
    CF762D Maximum Path
    CF763B Timofey and Rectangles
    URAL1696 Salary for Robots
    uva10884 Persephone
    LA4273 Post Offices
    SCU3037 Painting the Balls
    poj3375 Network Connection
    Golang zip压缩文件读写操作
  • 原文地址:https://www.cnblogs.com/ftx3q/p/15327541.html
Copyright © 2011-2022 走看看