vue入门新建vue项目 新手如何创建vue项目

一、环境配置
1.下载安装node.js,打开node.js官网 ,![在这里插入图片描述](https://img-blog.csdnimg.cn/20181226095930137.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEvue入门新建vue项目 新手如何创建vue项目_第1张图片下载完成后,进行下一步下一步的傻瓜式安装就好了
2.安装完成后,打开命令行工具(Ios系统在桌面打开终端工具) 输入指令 node -v 验证是否安装成功,
如下图:vue入门新建vue项目 新手如何创建vue项目_第2张图片
3.继续执行命令行 npm -v 点回车 vue入门新建vue项目 新手如何创建vue项目_第3张图片
4.打开vue官网,找到安装模块,如下图:
vue入门新建vue项目 新手如何创建vue项目_第4张图片
在你需要创建项目的磁盘里,打开命令行工具,运行命令行:npm install --global vue-cli 如下图:
vue入门新建vue项目 新手如何创建vue项目_第5张图片
然后再接着官网里安装指令继续运行命令行:
vue init webpack my-project 然后如下图:
vue入门新建vue项目 新手如何创建vue项目_第6张图片
按自己项目需要执行相应命令即可~
vue入门新建vue项目 新手如何创建vue项目_第7张图片
如果大家同样做到这一步,就说明整体的vue环境就做好了,希望对有需要的朋友有帮助

你可能感兴趣的:(vue入门新建vue项目 新手如何创建vue项目)