手把手教你创建一个完整的Vue项目

第一步:下载nodejs

VUE是需要依赖于nodejs的、所以得先安装nodejs
Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/
在这里插入图片描述
下载之后安装直接无脑下一步即可
在这里插入图片描述
安装完之后会自动添加环境变量 还是蛮智能的
然后测试是否安装成功

node --version
npm -v

在这里插入图片描述
提示以上消息即安装成功了! ! !

使用淘宝npm镜像(这样创建项目啥的都会很快)

npm install cnpm -g

在这里插入图片描述
等待安装完即可、过程可能有点长!!!

第二步 : 创建项目

先安装vue手脚架 vue-cli

cnpm install vue-cli -g

执行之后继续执行:

vue list

在这里插入图片描述
显示这些即为安装成功! ! !

初始化一个vue项目

新建个文件夹 、然后执行

vue init webpack "项目名称"

在这里插入图片描述
中间有几个地方会询问 看准了选!!!
现在项目创建好了
在这里插入图片描述
进入该项目的文件夹
然后执行 给项目安装依赖

npm install 

之后启动项目
现在就可以开始启动项目了

npm run dev

在这里插入图片描述
访问测试
在这里插入图片描述
到这里、即创建成功了!!!

猜你喜欢

转载自blog.csdn.net/weixin_45647685/article/details/114290738