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/