Vue.js项目脚手架构建
2024-08-28 15:22:52
vue.js文档:https://cn.vuejs.org/v2/guide/
参考这个或者参考菜鸟教程也可以,不过还是那句话官网权威。
我这个主要是看相关的学习视频搭建的。
一、环境准备
环境准备(node.js环境):
脚手架环境:vue-cli
执行如下命令安装:
npm install vue-cli -g 或者cnpm install vue-cli -g
安装成功后在在命令行里输入vue,出现如图表示OK
二、项目初始化
vue init webpack project-name
例如:
vue init webpack blog
出现下面示意图:
Project name 可以自定义项目名
Project description 项目描述
Author 作者相关信息
VCue build 通常有三种 我选择标准的也就是第一种
Install vue-router 是否安装vue-router vue-router是vue的通信方式 我选择安装
EsLint 是否选择EsLint语法检查 我选择是
Set up unit tests 我不构建单元测试 所以选择否
其它的还有,这里就不再赘述。
初始化项目成功后,会出现如下所示:
三、运行项目
cd blog
npm run dev
出现如图,表示成功
在浏览器输入:http//localhost:8080,出现如图:
最新文章
- .Net开发笔记(十五) 基于“泵”的TCP通讯(接上篇)
- NFC基础
- SQL Server 2008 R2主数据服务安装
- tail -f logfile.log 一直监控某个文件,若该文件有改动,立即在屏幕上输出
- 自己写的自动生成动态边框的jquery小插件
- Yii2的相关学习记录,前后台分离及migrate使用(七)
- PHP连接Mysql服务器的操作
- 修炼dp(1)
- Bash shell命令记录和CentOS的一些技巧
- codeforce round#466(div.2) B. Our Tanya is Crying Out Loud
- 服务治理利器Hystrix-理论篇
- 你所不知道的 CSS 阴影技巧与细节
- RabbitMQ 学习笔记
- 20165306 Exp4 恶意代码分析
- c#泛型约束 (where T:class)
- 编译Spark源码
- C#后台进行Http请求
- postman(八):使用newman来执行postman脚本
- Hibernate相关的查询 --Hibernate框架基础
- css布局---各种居中
热门文章
- 三层+EasyUI+Ajax 提交Form表单
- Javassm连接数据库报错129 ERROR [com.alibaba.druid.pool.DruidDataSource] - {dataSource-1} init error
- How to distinguish between strings in heap or literals?
- Archlinux/Manjaro使用笔记-报错:一个或多个 PGP 签名无法校验!的解决方法
- 【工具相关】Web-ionic-npm的安装
- vue.js及项目实战[笔记]— 04 axios
- 安卓开发_浅谈主配置文件(AndroidManifest.xml)
- [20171113]修改表结构删除列相关问题.txt
- asp在线压缩和解压缩文件(文件夹)
- Orcale日期函数to_date(),to_char()