VUE学习二、创建一个前端项目

1.创建一个vue项目

使用命令 vue ui启动vue脚手架

vue ui 

VUE学习二、创建一个前端项目_第1张图片
VUE学习二、创建一个前端项目_第2张图片
VUE学习二、创建一个前端项目_第3张图片
等待项目创建好 可以来任务栏启动项目 参数那里可以设置启动端口等参数
VUE学习二、创建一个前端项目_第4张图片
启动成功
VUE学习二、创建一个前端项目_第5张图片
成功访问
VUE学习二、创建一个前端项目_第6张图片

2. 用webstorm 打开项目

脚手架页面可安装基本依赖 比如路由
VUE学习二、创建一个前端项目_第7张图片

使用ws打开项目
VUE学习二、创建一个前端项目_第8张图片
VUE学习二、创建一个前端项目_第9张图片
启动项目 npm run serve
VUE学习二、创建一个前端项目_第10张图片

3.修改启动端口

VUE学习二、创建一个前端项目_第11张图片

devServer: {
    port: 8001
}

你可能感兴趣的:(前端,vue.js,学习)