VUE框架搭建
一、node下载安装
- 下载地址：https://nodejs.org/en/download/
- 傻瓜式安装（我的安装地址是：D:\develop\nodejs）
- 校验版本：命令行输入
node -v
二、vue 配置
- 安装 vue-cli 脚手架：
npm install vue-cli -g，vue -V查看是否安装成功 - 安装 webpack：
npm install -g webpack - 也可安装淘宝镜像：
npm install -g cnpm --registry=https://registry.npm.taobao.org，cnpm -v查看是否安装成功
三、创建 vue 项目
- 在想要创建项目地方：
vue init webpack vue_project - 在项目目录下安装依赖包：
npm install，项目中多出来的 node_modules 文件夹就是刚才安装的所有依赖 - 运行项目：
npm run dev，打开浏览器访问http://localhost:8080，出现以下界面说明项目启动成功 - 项目打包：
npm run build
四、vue 项目结构
总结架构：
build–[webpack配置]
config–[vue项目配置]
五、idea 安装vue
file --> settings --> plugins，然后什么都不用输入，直接点击Browse repositories…，然后右边会有绿色install按钮，安装成功后重启idea
配置node