vue-cli脚手架的搭建

本文详细介绍如何搭建Vue开发环境,包括检查Node版本、安装vue-cli、初始化项目及运行Vue环境等步骤。

1:检查node版本
在安装vue的环境之前,安装NodeJS环境是必须的,可以使用node -v指令来检查

2:安装vue-cli
先全局安装vue-cli,使用指令npm install -g vue-cli,之后就可以使用命令

vue init<template-name><project-name>

来进行脚手架的安装 ,做完后使用vue指令检查一下是否安装成功

3:初始化项目
先cd到自己想要创建新项目的文件夹下,然后使用vue init指令
vue init 模版类型 项目名称
vue的模版类型有很多种,可以使用vue list指令查看

若要使用webpack模版,项目名称为sell,指令如下:

vue init webpack sell

然后可以一路回车下去,里边的选项可以多数是用来确认项目名称,作者,描述信息以及测试等内容,可以根据需求自己选择。(这里sell是我的项目名)

接下来进入sell文件夹,运行npm install。会发现项目中多了一个叫node_modules的文件夹,目录结构如下:
这里写图片描述
4:运行vue环境

转自博客: https://blog.youkuaiyun.com/u013034014/article/details/53995678/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值