一.Vue安装

官网:https://vuejs.org/v2/guide/installation.html
主要参考:https://blog.csdn.net/sunhuaqiang1/article/details/80160654
一 概念
Vue:渐进式JavaScript框架 特点:数据驱动的视图
https://www.w3cschool.cn/aekdgs/avjordn1.html
ES6:ECMAScript6 是一种标准(新的语法) JavaScript是EMCAScript的一种
https://www.runoob.com/w3cnote/es6-tutorial.html
webpack:模块打包工具 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求
二 安装 启动
1.安装 nodejs npm
2.安装 vue-cli
vue-cli:vue脚手架,自动生成vue和webpack的项目模板
npm install -g @vue/cli vue -V查看版本
3.挑一个你喜欢的文件夹
(1)vue init webpack secondvue Project name 不能有大写
在这里插入图片描述
生成了下面这些文件
在这里插入图片描述
在这里插入图片描述
特别贴心,命令都告诉你,执行上面两条命令,然后访问http://localhost:8080/ ctrl+c y 结束
在这里插入图片描述
为什么 会有个# 这是应为路由Router 使用了hash模式 改成history就没有了

export default new Router({
  mode: 'history',
...
})

(2)或者用vue create projectname ( vue-cli3) 目录如下 简洁了一些,命令也改变了,看package.json
在这里插入图片描述在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值