zoukankan      html  css  js  c++  java
  • Vuejs开发环境搭建及热更新

    一、安装NPM

    1.1最新稳定版本:

    npm install vue

    二、命令行工具安装

    国内速度慢,使用淘宝镜像:

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    注意:以后使用npm的地方就替换成cnpm

     

    1、全局安装vue-vli

        cnpm install -g vue-cli

     

    2、创建一个基于webpack模板的新项目

    vue init webpack my-project

     

    输入安装命令后,稍等一会提示输入:

    2.1项目项目名称:

    2.2项目描述:

    2.3作者:

    2.4是否使用ESlint:(可以选择不需要,ESlint是一套语法检查工具)

    2.5是否需要单元测试:(可以选择不需要)

     

    说明:

           webpack:项目类型,用webpack这套模板进行压缩和打包。

           my-project:项目名称。

    3、安装依赖

    3.1进入项目:

    cd my-project

    3.2安装依赖:

    cnpm install

    说明:

    3.2.1会将依赖安装到项目node_modules文件夹中。

    3.2.2可以使用cnpm命令,是因为webpack安装好了相应依赖。

    3.2.3 Package.json文件说明:

                 主要包含:项目描述、相关依赖。

    3.3运行项目:

    cnpm run dev

    通过访问http://127.0.0.1:8080访问运行起来的项目。

    三、参考链接

    Vuejs官网:https://cn.vuejs.org/v2/guide/installation.html

    Taobao镜像:http://npm.taobao.org/

    注意:转载请注明出处以及本文链接。

  • 相关阅读:
    _1_html_框架
    _0_web_基础
    _0_工具
    虚拟机安装与使用
    NumPy数据类型
    NumPy Ndarray对象
    机器学习之K-近邻(KNN)算法
    vue项目如何打包扔向服务器
    Eslint 规则说明
    Python ssh 远程执行shell命令
  • 原文地址:https://www.cnblogs.com/newcode/p/9603948.html
Copyright © 2011-2022 走看看