zoukankan      html  css  js  c++  java
  • vue新建项目

    一直都被如何用vue.js新建一个项目的问题困扰着,经过好久的实践,终于搞清楚如何用vue新建项目了:

    1.官网对于vue-cli介绍:

    Vue.js provides an official CLI for quickly scaffolding ambitious Single Page Applications. It provides batteries-included build setups for a modern frontend workflow. It takes only a few minutes to get up and running with hot-reload, lint-on-save, and production-ready builds:

    理解:当我们真正开发一个应用的时候,我们不可避免的会用到一大堆的工具,模块化、预处理器、热模块加载、代码校验和测试。这些工具对于一个需要长期维护的大型应用是必须的,但是项目初始化将会是让人痛苦的事情。Vue.js官方为单页面应用提供了相应的脚手架。它可以用少量时间建立和运行一个项目。简言之:使用Vue.js官方提供了这个vue-cli脚手架,可以迅速搭好项目框架,从而更易处理后续工作。

    vue-cli使用方法:

     1 // install vue-cli  安装依赖包
     2  npm install --g vue-cli
     3 // 使用vue-cli初始化项目
     4  vue init webpack my-project
     5 // install dependencies and go!
     6 //进入项目目录
     7  cd my-project
     8 //在项目中安装依赖包
     9  npm install
    10 //运行项目
    11 npm run dev

    2.在建立项目的过程中,有进行选择的选项,可以选择Y或者N,这根据自己需要所选,不影响什么。

    3.当执行完最后一步“npm run dev”的时候,就会自动在http://localhost:8080 弹出刚才所建的项目;

     

  • 相关阅读:
    ps眼睫毛笔刷的使用
    七款使用命令行的PNG图像处理工具
    有关滤镜的相关知识
    分析不同滤镜的作用
    总结网页的制作概括的几个部分
    网站内容和外链在优化中的占比
    让IE支持HTML5
    认识Linux的磁盘配额(转载)
    Samba高级服务器配置 (转载)
    CentOS5启用Telnet服务详解(转载)
  • 原文地址:https://www.cnblogs.com/zhengyeye/p/6245053.html
Copyright © 2011-2022 走看看