新建一个VUE项目的步骤

在这个一切之前,你首先要保证你电脑安装的node,安装了node才会有npm。

node的安装:
新建一个VUE项目的步骤_第1张图片
新建一个VUE项目的步骤_第2张图片下载完了自行自定义路径安装,安装完了之后打开命令行操作界面:
在这里插入图片描述
这两个命令操作一下,出现两个版本号那就说明安装成功了,下面就可以使用命令进行骚操作了!!!

1、搭建脚手架

npm install -g vue-cli

新建一个VUE项目的步骤_第3张图片最后出现一个秒数,就代表安装好了

2、初始化项目模板

vue init webpack 项目名称
新建一个VUE项目的步骤_第4张图片新建一个VUE项目的步骤_第5张图片最后出现这个,说明安装好了

在这里插入图片描述
进入项目目录之后,运行 npm start 或者 npm run dev

在这里插入图片描述
完美运行!!!

新建一个VUE项目的步骤_第6张图片 这次就写怎么新建一个项目,下次写项目中的各个目录是干嘛的!!

纯手打,如要转载,请附上地址!!!

如有错误,请留言指正! 勿喷。。

你可能感兴趣的:(VUE)