如何创建 Vue-cli 项目

第一步:安装node.js

node.js官网官网直接下载并安装node,安装过程很简单一路下一步就行,安装完成后打开命令行(window+r,输入cmd),输入node-v 如下图出现版本号则成功
在这里插入图片描述

第二步:安装vue-cli脚手架构建工具

打开命令行输入:npm install vue-cli -g,安装完成后输入 vue-V(这里的‘V’是大写),如下图如果出现对应的版本号则安装成功
在这里插入图片描述

通过上面两步,我们需要的环境和工具都准备好了,接下来就使用vue-cli来创建项目

第三步:创建项目 vue create 项目名

vue create app
创建项目
选择预设
选择自定义创建
在这里插入图片描述

选择版本号
选择路由的历史模式
选择常用的css语法
配置文件存储到哪里
是否保存为默认配置
创建完成

第四步:运行vue-cli

npm run serve

以上就是安装vue-cli的全过程,后续会持续发布新文章,敬请关注
我的其他文章:https://blog.csdn.net/weixin_62897746?type=blog

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐