AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Vue CLi脚手架创建第一个VUE项目

2024-10-14 15
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Vue CLi脚手架创建第一个VUE项目

【小白懂系列】Vue CLi脚手架创建第一个VUE项目

1、VSCode创建项目

  • 先选择一个项目路径，通过终端命令行进入：
  • 进入命令行，进入项目根目录，打包创建项目
vue init webpack 项目名

  • 接下来命令行将进入用户交互模式：

2、运行CLI脚手架项目

  • 在 1中已经创建好了项目 hello，通过终端命令进入项目目录
  • 通过命令 npm start 开始运行项目

  • 项目运行成功截图

文章标签：
JavaScript
关键词：
cli VUE.js
vue cli VUE.js
vue项目VUE.js
脚手架项目VUE.js
vue cli项目VUE.js
Codelinghu
目录
相关文章
派大鑫的工作室
|
1天前
|
JavaScript UED 开发者
Vue中的导航守卫有哪三种？分别有什么作用
Vue中的导航守卫有哪三种？分别有什么作用
派大鑫的工作室
11 1
大树营养快线
|
1天前
|
JavaScript 前端开发 UED
如何在 Vue 中实现路由懒加载？
【10月更文挑战第5天】
大树营养快线
7 1
那年春天
|
1天前
|
存储 JavaScript UED
在 Vue 组件中动态切换全局样式
【10月更文挑战第5天】
那年春天
8 1
凌浩雨
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
凌浩雨
1040 0
游客cxtb2yf2r55as
|
5天前
|
JavaScript 前端开发 网络架构
vue 路由器history和hash工作模式
vue 路由器history和hash工作模式
游客cxtb2yf2r55as
33 3
mao29955
|
2天前
|
JavaScript 开发者
Svelte 中的事件处理机制与 Vue 有什么不同？
【10月更文挑战第4天】
mao29955
95 58
那年春天
|
2天前
|
前端开发 JavaScript 开发者
除了 Vue，还有哪些框架支持 Render 函数？
【10月更文挑战第4天】
那年春天
95 58
mao29955
|
4天前
|
缓存 监控 JavaScript
如何优化 Vue 的执行流程？
【10月更文挑战第2天】
mao29955
96 59
光明顶阳顶天
|
1天前
|
JavaScript 前端开发
使用 Vue CLI 来处理样式的编译和打包
【10月更文挑战第5天】
光明顶阳顶天
6 1
Codelinghu
|
2天前
|
JavaScript
【小白懂系列】Vue CLi脚手架创建第一个VUE项目
【小白懂系列】Vue CLi脚手架创建第一个VUE项目
Codelinghu
13 2

热门文章

最新文章

  • 1
    vite 如何做到让 vue 本地开发更快速？
  • 2
    【Ant Design Vue V3版本填坑记录三】一套代码实现表格常用属性
  • 3
    VUE element-ui之table表格表头下拉筛选功能
  • 4
    从脚手架开始学前端 【第5期】Vue脚手架搭建
  • 5
    vue3使用canvas画布合成图片
  • 6
    精通React/Vue系列之实现一个全局提示(Message)组件
  • 7
    Vue3+TS实现自定义input组件的验证功能
  • 8
    若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
  • 9
    使用vue-demi来开发一个vue2和vue3组件
  • 10
    vue setup()用法
  • 1
    Vue.js 中父组件调用子组件的方法
    113
  • 2
    Vue.js 中子组件向父组件传值的方法
    61
  • 3
    了解vue3的基本特性和底层原理
    331
  • 4
    【vue】vue中的路由vue-router，vue-cli脚手架详细使用教程
    96
  • 5
    【vue】深入探讨vue中组件间多种传值方式
    65
  • 6
    vue组件化开发流程梳理，拿来即用
    71
  • 7
    Vue Router的介绍与引入
    37
  • 8
    Vue3中props的原理与使用
    62
  • 9
    vue中404解决方法
    56
  • 10
    Vue 中如何模块化使用 Vuex
    35

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • React 入门与实战
  • React 入门教程开发文档
  • Node.js 入门教程文档

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 利用编译将 Vue 组件转成 React 组件
  • Vue.js在前端服务化上的实践与探索

    • 相关实验场景

    更多
  • 前端开发基础6：Node.js和LESS预编译工具
  • 搭建Node.js编程环境
    • 下一篇
    阿里云OSS设置跨域访问