zoukankan      html  css  js  c++  java
  • 新手小白可看的超详细安装vue脚手架

    使用vue做项目的第一步估计就是要安装vue脚手架了

    1.win+r后输入cmd打开命令窗口,如下:

    2.输入路径+回车,切换到需要新建项目的文件下,下面就表示我要在d盘新建我的项目

    3.输入node -v检查是否下载了node.js,如果下载了,继续下一步,否则,就去node.js的官网的下载后再检查确定下载了,继续下一步

    4.安装cnpm

      输入npm install -g cnpm --registry=https://registry.npm.taobao.org+回车,这是安装淘宝的镜像,会使你之后的安装更快

    5.安装webpack,(可省略)

    cnpm install webpack -g+回车

    6.全局安装vue

    cnpm install -g vue+回车

     7.全局安装vue脚手架

    cnpm install -g vue-cli+回车

     8.使用脚手架创建新项;要先使用cd 命令转到要放置项目的目录

     

    9.搭建vue项目

    vue init webpack +项目名称+回车

    接下来就是项目配置,可以一直回车,遇到eslint时选择N(no)

    Project name是项目名称

    Project description 是项目描述

    Author指作者,可以写自己的名字

    10,是否配置成功

    下图表示项目配置已经好了,若是中间有蓝色的WARN字样不用担心,只是警告,若是报了一片红色erro的表示没有配置成功

    11.完成后安装项目依赖,先cd + 空格 +项目根目录,然后 输入命令npm + install安装依赖

    12.启动监听端口

    npm run dev

    出现下图表示已经好了,项目已经跑起来了,如果没有成功,重新看看然后删掉项目再来一遍

    把上面的端口放入浏览器的路径,会看到下图的示例

    此时已经全部完成了。可以开始你的vue新项目了

  • 相关阅读:
    VBoxManage命令详解
    十条nmap常用的扫描命令
    2015-12-16 第八天笔记整理-第二部分
    2015-12-13 第八天笔记整理-第一部分
    2015-12-06 第七天课程笔记
    2015-12-04 学习笔记整理
    2015-11-22 第五天
    选择控制语句和循环结构
    数据类型和运算符
    常用DOS指令
  • 原文地址:https://www.cnblogs.com/floweres/p/10825700.html
Copyright © 2011-2022 走看看