zoukankan      html  css  js  c++  java
  • vue的爬坑之路(一)之一vue-cli开发环境搭建

    1.安装node

    node.js环境(npm包管理器)
    cnpm npm的淘宝镜像

    从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。
    安装完成之后,打开命令行工具,输入 node -v,如果出现相应的版本号,则说明安装成功。

    npm包管理器,是集成在node中的,所以,直接输入 npm -v就会显示出npm的版本信息。


    2、安装cnpm

    在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org

    3、安装webpack
    npm install webpack -g//配置全局的webpack

    4、安装Vue2.0

    cnpm install vue

    5.安装vue-cli 脚手架工具

    cnpm install --global vue-cli

    6.在某个目录下,创建一个基于 webpack 模板的新项目

    vue init webpack my-project
    //my-project是你的项目名

    7.安装依赖

    cd my-project //到项目目录下
    cnpm install //安装依赖
    不应用ESLint 
    创建webpack模板项目时,如果你对ES6和ESLint不是很熟的话我个人不建议你应用它,因为要求比较严格,所以一不小心就报错,导致整个项目运行不起来,对于初学很痛苦。 
    这里写图片描述

    8.运行新创建的vue项目

    npm run dev

     ps:运行项目的时候一定要到文件的根目录下在运行项目,不然有可能会报错误,例如:

    运行之后会看到vue的初始页面效果,如下图,说明你就成功搭建了一个vue项目。(下面框出来的是官方提供的插件和awesome,很实用) 
    这里写图片描述

  • 相关阅读:
    熬夜的朋友看一看 [转]
    配置ubuntu
    C++string类常用函数 (转)
    ArcGIS Engine栅格数据使用总结 (转)
    fstream的用法+代码
    [转] 英语飙升的好方法
    MFC 非模态对话框(转)
    十九个国内外主流的三维GIS软件(转)
    Google C++ 风格指南 中文版
    std::set用法(转)
  • 原文地址:https://www.cnblogs.com/nanjie/p/8527631.html
Copyright © 2011-2022 走看看