zoukankan      html  css  js  c++  java
  • Vue.js---配置开发环境

    首先安装Node.js我就不介绍了!

    win+r , 输入cmd,回车;
    1、安装淘宝镜像
    在国内直接使用npm的官方镜像是比较慢的,这里我们采用的是淘宝镜像
    npm install -g cnpm –registry=https://registry.npm.taobao.org
    然后就可以使用 cnpm 命令(cnpm install [name])来安装模块了;

    2、安装webpack
    cnpm install webpack –g

    3、安装vue脚手架
    npm install vue-cli –g –registry=https://registry.npm.taobao.org

    到这你可以在cmd中:
    vue –help
    vue -V (“这个V是大写的哦!”),检查版本
    vue list 查看官方提供的模板

    4、新建文件夹来存放工程,在终端中进入该目录
    比如,我在F盘下面简历一个 vuedemo01 的文件夹;
    这里,我们先去安装一个github桌面工具
    链接地址:https://desktop.github.com/
    我们下载这个主要用到的是用它自带的命令行工具:Git Bash

    这里写图片描述

    打开 Git Bash Here
    ls 预览下自己在哪
    cd f: 访问所需的盘符

    根据模板创建项目
    vue init webpack vuedemo01

    这里写图片描述

    看到这个界面,回车。

    这里写图片描述

    再去看F盘的vuedemo01

    这里写图片描述

    5、安装项目依赖
    cd vuedemo01
    ls
    cnpm install

    6、安装 vue 路由模块 vue-router 和网络请求模块 vue-resource
    cnpm install vue-router vue-resource –save
    这里写图片描述

    7、启动项目
    npm run dev

    这里写图片描述

    参考:https://segmentfault.com/a/1190000008922234

  • 相关阅读:
    20201016---不做清单
    20201014--增删改查
    20201013--什么是真实的自己?
    多态
    继承
    关键字
    分类思想
    常用的linux命令
    九九乘法表
    稀疏数组
  • 原文地址:https://www.cnblogs.com/lantinggumo/p/7636722.html
Copyright © 2011-2022 走看看