使用脚手架(Vue-Cli)快速创建一个vue项目的步骤

本文详述了如何使用Vue-Cli创建Vue项目,包括安装Vue、Node.js、npm和cnpm,以及Vue-Cli的全局安装。还介绍了Vue-Cli的工程目录结构、配置文件、打包部署流程,强调了项目启动和测试方法,适合前端开发者参考。
摘要由CSDN通过智能技术生成

一、安装vue

https://cn.vuejs.org/v2/guide/installation.html

二、先确定是否安装了node.js、npm和cnpm

  • node.js的下载地址:Node.js
  • NPM(node package manager)是随同node.js一起安装的包管理工具,能解决前端代码部署上的很多问题,常见的使用场景有以下几种:

        ①允许用户从NPM服务器下载别人编写的第三方包到本地使用。

        ②允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。

        ③允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

        实际上,npm就是前端的Maven。

  • 由于vue的安装与创建依赖node.js(JavaScript的运行环境)里的npm(包管理和分发工具),因此需要先确保安装node.js。

       1.首先从node官网下载并安装node,安装步骤很简单,只要一直点击下一步就可以了。 安装完成后,打开命令行工具(win+R)输入命令node -v,如下图,如果出现对应版本号,就说明安装成功了。

检测方式

       2.因为npm会随着node.js一起安装,所以,只要是node.js正常安装,就代表npm已经安装。

检测方式:

       3.到这里node的环境已经安装完了,npm包管理工具也有了,但是由于npm的有些资源被墙,为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。

安装cnpm

   点击进入淘宝的cnpm网站,里面有详细的配置方法。 或者直接在命令行输入:

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

   然后等待,安装完成。 输入cnpm -v,可以查看当前cnpm版本

   使用方法:需要用到npm的地方直接使用cnpm替换就可以了。

三、安装vue脚手架:Vue-Cli

      vue-cli 是一个官方发布 vue.js 项目脚手架ÿ

  • 6
    点赞
  • 45
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值