如何用脚手架搭建vue项目

一    用脚手架搭建项目,必须有node 和npm 的支持,所以需要先安装node,先介绍如何安装node和npm 

1 安装node

1)下载node安装安装包【地址:https://nodejs.org/en/download/】,根据自己的电脑下载响应的安装包。

2)双击安装包,根据提示一步一步完成安装(安装目录最好改成其他的盘),最后一步点击 Install

3)等待安装完成之后,打开cmd   输入  node --version   出现版本号代表安装成功

安装node 的具体步骤可以查看:https://www.runoob.com/nodejs/nodejs-install-setup.html

2 安装npm

1)npm是Node包管理工具,在node中集合了npm,所以需要安装node

2)  第一步的node安装成功的基础上,打开 cmd 输入 npm -v   出现版本号代表安装成功

安装npm

3 安装vue-cli 

1)打开 cmd 输入命令 npm install --globle vue-cli 

2) 创建项目  输入命令  vue init webpack  项目名称     项目名称就是你自己的项目名称

3)进入一问一答的模式,项目名称  是否安装vue-router 是否单元测试 等等  根据自己情况来定,选择完成之后点击回车 开始生成项目

4)项目生成之后 cd 到 项目名称中 根据提示输入 npm run serve   或者 npm run dev 项目开始运行

 

posted @ 2021-01-21 09:57  小菜鸟TY  阅读(227)  评论(0)    收藏  举报