Vue新建一个demo项目
2023-09-11 14:17:08 时间
Vue新建一个demo项目
Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。
1.安装node.js
首先下载安装node.js,如果已安装可以跳过,下载地址:https://nodejs.org/en/
需要注意:按照提示一步步安装即可,其中可以选择安装目录,我这里安装到F盘,其他默认,最后Finish,这个时候环境变量有问题,这里是少一个;。
如下,说明安装成功。
2.安装vue-cli
npm install -g vue-cli
3.创建项目
命令:vue init webpack demo
Project name(工程名):回车
Project description(工程介绍):回车
Author:作者名
Vue build(是否安装编译器):回车
Install vue-router(是否安装Vue路由):回车
Use ESLint to lint your code(是否使用ESLint检查js代码):n
Set up unit tests(安装单元测试工具):n
Setup e2e tests with Nightwatch(是否安装端到端测试工具):n
Should we run npm install for you after the project has been created? (recommended):回车。
4.启动项目
cd demo
npm run dev
相关文章
- Vue笔记:vue项目引入bootstrap、elementUI、echarts
- VUE - vue.runtime.esm.js?6e6d:619 [Vue warn]: Do not use built-in or reserved HTML elements as component i
- vue项目启动时将localhost替换成指定ip地址
- vue axios的使用
- 前台项目基础框架之vue前端(vue@3.2.6)
- 如何给一个vue项目重命名(vue.js 3.2.4)
- @vue/cli 4.5.13:创建一个vue.js3.x项目(vue.js 3.2.4)
- 基于Vue 和 webpack的项目实现
- Vue.js3: 页面打开前实现图片全部预加载(vue@3.2.33)
- django-vue-admin脚手架快速开发CRUD教程
- vue商城项目开发:浏览器自动访问、路由样式修改及定义和导入组件
- Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例
- [FE] 有效开展一个前端项目-V3 (Vue CLI / Vue SSR )
- Vue项目中单独使用Sass、Less或全局使用Sass、Less详细操作方法
- 运行vue项目eslint 校验错误
- Vue+ElementUI项目使用webpack输出MPA
- vue 前端轮播图分页和数据处理
- vue 后台管理系统菜单权限管理
- vue.js项目打包报错Error: You appear to be using a native ECMAScript module configuration file
- Vue项目中使用继承extends实现复用代码
- Vue学习之--------全局事件总线(2022/8/22)
- 158:vue+openlayers 地图上Echarts模拟飞机循环飞行
- 014:vue+openlayers添加比例尺 (代码示例)
- 037:vue+openlayers上传包含shp的zip文件并解析(代码示例)
- 开始创建一个 Vue 项目
- Vue项目的打包方式(生成dist文件)
- 五分钟学会用 Vue 脚手架搭建一个完整项目
- vue-tour快速入门:VUE项目中如何使用vue-tour新手引导指引插件?怎样使用?包含具体实例
- IDEA整合SpringBoot-Vue项目
- Vue的基本组件1(show,bind,on,if)