vue脚手架创建项目的过程和运行项目的方式
vue脚手架创建项目的过程和运行项目的方式什么是脚手架(Vue CLI)Vue CLI是一个基于 Vue.js 进行快速开发的完整系统它可以帮我们快速的生成项目的整体结构,我们不必花时间纠结配置的问题1.下载安装脚手架// 全局安装脚手架npm install -g @vue/cli2.使用脚手架创建vue项目// 打开终端或powershellvue create 项目名称//根据对话框的交互
·
vue脚手架创建项目的过程和运行项目的方式
什么是脚手架(Vue CLI)
Vue CLI
是一个基于 Vue.js 进行快速开发的完整系统- 它可以帮我们快速的生成项目的整体结构,我们不必花时间纠结配置的问题
1.下载安装脚手架
// 全局安装脚手架
npm install -g @vue/cli
2.使用脚手架创建vue项目
// 打开终端或powershell
vue create 项目名称
//根据对话框的交互 完成项目的配置
3.运行脚手架项目
// 进行项目目录,打开终端或powershell
输入命令:npm run serve
//编译完成之后通过浏览器展示
4.脚手架项目结构的简单说明
main.js
是入口文件,它实现了对引入的单文件组件的渲染App.vue
是根组件public/index.html
是静态页面,渲染好的组件最终通过这个页面进行展示components目录
中一般就放自定义的组件
更多推荐
已为社区贡献3条内容
所有评论(0)