当前位置: 首页 > news >正文

使用vue creat搭建项目

一、查看是否安装node和npm(显示版本号说明安装成功)
node -v
npm -v

显示版本号说明安装成功,如果没有安装,则需要先安装。

二、安装vue-cli脚手架

 查看安装的版本(显示版本号说明安装成功)

vue -V

 三、使用vue create命令搭建vue项目
1.cmd窗口跳到需要新建项目的文件夹下,使用vue create
//vue-project 是项目名称
vue create vue-project
2.我这里选择第三个Manually select features自定义搭建,回车确认

 3.选择配置项

选择完成后,按回车进入到下一步

 4.选择vue版本

我这里选择的是3版本,回车确认

 5.选择router的模式

我这里使用router路由的history模式,输入Y,然后回车(如果使用hash,则输入n)

 

 6.代码语法错误检查

我这里选择的是ESLint + Standard config,这个是标准的,然后回车确认

 7.选择检查代码语法的时机

我这里选择Lint on save,然后回车

8.第三方配置文件存在的方式

我这里选择In dedicated config files,然后回车

9. 是否保存本次配置为预设项目模板

我这里选择N(也可以选择Y,这样下次可以直接使用该配置方案快速搭建项目),然后回车,则项目搭建成功

 10.搭建成功的示例

11.启动项目

 

相关版本:
npm版本是6.14.11,node版本是14.16.0 ,vue-cli版本是5.0.8

 

http://www.lryc.cn/news/102899.html

相关文章:

  • 面试题 -- 基础知识
  • Zabbix分布式监控快速入门
  • 基于Spring包扫描工具和MybatisPlus逆向工程组件的数据表自动同步机制
  • leetcode 面试题 0106.字符串压缩
  • 三、Spring源码-实例化
  • 算法的法律框架:预测未来的关键趋势
  • Ubuntu Server版 之 共享文件 samba和NFS 两种方法
  • 实时协作:团队效率倍增的关键
  • 电脑选睡眠、休眠还是关机?
  • 算法通关村第三关——不简单的数组增删改查
  • 【Linux】动静态库
  • 《kubernetes权威指南》-第一章学习笔记
  • ubuntu 18.04 磁盘太满无法进入系统
  • 基于LNMP配置WordPress建站时出现的问题汇总
  • 【Spring Cloud】Gateway的配置与使用
  • 概念、框架简介--ruoyi学习(一)
  • IDEA的基础使用——【初识IDEA】
  • LeetCode刷题总结-动态规划篇
  • el-table使用xlsx实现导入文件编辑功能
  • Android9、11 有线网络开关设置
  • 【MySQL】mysql问题 | [ERROR] unknown variable ‘column-statistics=0‘
  • ElasticSearch 7.x
  • MVC乱码问题
  • 1004. 最大连续1的个数 III
  • 【机器学习】西瓜书学习心得及课后习题参考答案—第3章线性模型
  • 面试官问我:一个 TCP 连接可以发多少个 HTTP 请求?我竟然回答不上来...
  • 树莓派Pico|RP2040|官方文档|在MS Windows上构建“Hello World”及环境配置
  • 全球公链进展| 2023/7/31
  • Spring源码(三)Spring Bean生命周期
  • 【iOS】Cydia Impactor 错误:file http.hpp; line:37; what: _assert(code == 200)