• vue-cli


    1、安装vuecli

    (1)前提是安装了npm,

        使用npm -v检查npm版本情况。

    (2)命令行输入:

    npm install vue-cli -g,

        使用vue -V检查vue-cli版本号。

    2、初始化项目

    $ vue init <template-name> <project-name>
    

    <template-name>:模板名称,官方提供了五种模板:

    (1)webpack-一个全面的webpack+vue-loader的模板,功能包括热加载,linting,检测和CSS扩展。

    (2)webpack-simple-一个简单webpack+vue-loader的模板,不包含其他功能,让你快速的搭建vue的开发环境。

    (3)browserify-一个全面的Browserify+vueify 的模板,功能包括热加载,linting,单元检测。

    (4)browserify-simple-一个简单Browserify+vueify的模板,不包含其他功能,让你快速的搭建vue的开发环境。

    (5)simple-一个最简单的单页应用模板。

    注:在开发中一般使用webpack这个模板;

    <project-name>:标识项目名称。

    eg:vue init webpack vuecliTest

    3、(1)cd vuecliTest  进入vue项目目录。

       (2)npm install  安装项目依赖包,也就是安装package.json里的包,网速不好可以使用cnpm来安装。

          (3)npm run dev 开发模式下运行程序。自动构建了开发用的服务器环境和在浏览器中打开,并实时监视代码更改即时呈现。

  • 相关阅读:
    【2021-01-26】保持学习,也是一种科学的健康保养方式
    【2021-01-25】正常市场化的企业该有的现象
    day 42 mysql 数据库(2)
    day 41 数据库初学习
    在排序数组中查找元素的第一个和最后一个位置
    飞机游戏
    两个数组的交集 II
    重复N次的元素
    单词规律
    存在重复元素2
  • 原文地址:https://www.cnblogs.com/nerrol/p/8084748.html
Copyright © 2020-2023  润新知