vue-cli脚手架的搭建

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.csdn.net/u013034014/article/details/53995678/

猜你喜欢

转载自blog.csdn.net/a3060858469/article/details/80525314