idea创建vue前端项目及启动

您所在的位置:网站首页 idea配置vue项目启动 idea创建vue前端项目及启动

idea创建vue前端项目及启动

2022-05-21 23:12| 来源: 网络整理| 查看: 265

一、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

技术分享图片

 

idea创建vue前端项目及启动

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



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3