idea创建vue前端项目及启动

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