新建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盘的 你所想把项目创建在的那个文件夹

新建vue项目

D:\work\vue\  vue init webpack my-vue          //创建一个基于"webpack"的项目,后面是项目名 

新建vue项目然后

新建vue项目

出现这样创建成功

接着输入命令 

新建vue项目

最后在浏览器上 输入 多标记的红框的部分出现 如下显示,创建成功

新建vue项目