win10使用最新的vuecli4.x创建vue项目

简介: 本文有参考其他文章原文链接https://mp.weixin.qq.com/s?src=11&timestamp=1592709786&ver=2413&signature=Un8RvmIFgKgFnaTko1KslhcGTWptjmSA5ex5QdA8khq2qcxET7wW-F5cLvQsw8ifZXOIKYgM42d7317JUh8gQ8G1jyz*n9KUdXTowH4pn1V2M9URvaDWxBrUDGtyPOOo&new=1

1.安装依赖
win10安装node.js
image.png
2.安装vue/cli和vue/cli-service-global
npm install -g @vue/cli
image.png
npm install -g @vue/cli-service-global
image.png
3.安装验证
vue --version
image.png
4.命令行创建项目
vue create hello-world
建议修改国内源(y)和使用默认设置(回车)创建项目
image.png
image.png
image.png
5.命令行运行项目
cd hello-world
npm run serve
image.png
image.png
6.安装eslint(失败)
vue add eslint
image.png
7.图形界面创建项目
vue ui
image.png
手动创建测试项目
image.png

目录
相关文章
|
3天前
|
JavaScript 容器
乾坤qiankun框架搭建 主应用为vue3的项目。
乾坤qiankun框架搭建 主应用为vue3的项目。
21 2
|
2天前
|
缓存 JavaScript 前端开发
《基础篇第4章:vue2基础》:使用vue脚手架创建项目
《基础篇第4章:vue2基础》:使用vue脚手架创建项目
12 3
|
2天前
|
缓存 JavaScript
Vue 中 computed 与 method 的区别
【10月更文挑战第15天】computed 和 method 是 Vue 中两个重要的选项,它们在功能和特点上存在着明显的区别。理解并合理运用它们的区别,可以帮助我们构建更高效、更具可维护性的 Vue 应用。在实际开发中,要根据具体情况灵活选择使用,以满足不同的需求。
5 2
|
2天前
|
JavaScript 搜索推荐 UED
vue的自定义指令
【10月更文挑战第14天】Vue 自定义指令为我们提供了一种强大的工具,使我们能够更灵活地控制和扩展 Vue 应用的行为。通过合理地使用自定义指令,可以提高开发效率,增强应用的功能和用户体验。
|
3天前
|
JavaScript
|
4天前
|
JavaScript UED
Vue + ElementUI 实现动态添加和删除表单项的多层嵌套表单
【10月更文挑战第5天】本示例展示了如何在 Vue.js 中使用 Element UI 组件实现动态添加和删除嵌套表单项。该表单包含设备信息、设备部位及其对应的任务列表,支持用户动态添加设备部位和任务,并提供相应的表单验证规则。
24 0
Vue + ElementUI 实现动态添加和删除表单项的多层嵌套表单
|
1天前
|
JavaScript 前端开发 Java
vue2知识点:Vue封装的过度与动画
vue2知识点:Vue封装的过度与动画
7 0
|
2天前
|
JavaScript UED
在 Vue 中使用自定义指令
【10月更文挑战第14天】通过合理地使用自定义指令,可以为 Vue 应用带来更多的灵活性和扩展性,提高开发效率和用户体验。
|
3天前
|
JavaScript 前端开发 容器
vue的哈希模式下乾坤微应用的使用
vue的哈希模式下乾坤微应用的使用
|
5月前
|
JavaScript API
【vue实战项目】通用管理系统:api封装、404页
【vue实战项目】通用管理系统:api封装、404页
72 3