idea创建vue前端项目及启动

时间:2020-04-10 17:36:10   收藏:0   阅读:2130

一、idea创建vue项目

File --> new --> project...

技术分享图片

--> next

 技术分享图片

--> next

技术分享图片

一直默认--> next

二、启动vue项目

安装node.js,检查node.js和npm是否已经安装完成

技术分享图片

 安装vue,npm install vue,检查是否安装成功vue

技术分享图片

全局安装 vue-cli,npm install --global vue-cli

创建一个基于 webpack 模板的新项目,vue init webpack my_web

技术分享图片

进入项目安装并运行

npm install

npm run dev

技术分享图片

 

直接在项目中: npm install prettier@~1.12.0 -D 或者npm install prettier@~1.12.0 --save-dev 然后重新npm run dev

技术分享图片

 

三、配置vue项目访问

src/router/index.js,修改

技术分享图片

mode: ‘history‘,
base: ‘/my_web/‘

技术分享图片

 

技术分享图片

 

 

 修改浏览器显示名称:

最外层index.html

技术分享图片

 

原文:https://www.cnblogs.com/instelly/p/12674471.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!