新建vue项目
因为有时间所以就把前端一个个总结一下,今天呢自己创建一个vue项目玩玩
第一步、由于vue项目依赖npm,所以需要先安装
检查是否有安装 nodejs、npm 、vue win+r 输入cmd 然后输入
输入npm -v 回车 会出现npm的版本 ,若没有 打开 https://nodejs.org/en/ 进行安装,nodejs安装成功,npm也会有
输入vue -V (V必须是大写)回车 会出现vue的版本 ,若没有
第二步、安装 vue:
npm install -g vue-cli
//-g 表示全局安装,vue-cli是模块,全局安装的模块可以在命令中直接使用
由于npm网站在国内速度非常慢,所以可以在命令后面加上淘宝的镜像即:npm install -g vue-cli --registry=https://registry.npm.taobao.org
之后,可以vue --V查看vue是否安装好,出现版本号即安装成功。
第三步、创建项目
如果想放到指定的目录下,先进入这个目录在执行创建项目的命令
例如: d: 按回车 //进入D盘 cd 文件名 进入d盘的 你所想把项目创建在的那个文件夹
D:\work\vue\ vue init webpack my-vue //创建一个基于"webpack"的项目,后面是项目名
然后
出现这样创建成功
接着输入命令
最后在浏览器上 输入 多标记的红框的部分出现 如下显示,创建成功