VUE框架搭建

一、node下载安装

1. 下载地址：https://nodejs.org/en/download/

   

2. 傻瓜式安装（我的安装地址是：D:\develop\nodejs）
3. 校验版本：命令行输入

   node -v

二、vue 配置

1. 安装 vue-cli 脚手架：

   npm install vue-cli -g

   ，

   vue -V

   查看是否安装成功
2. 安装 webpack：

   npm install -g webpack

3. 也可安装淘宝镜像：

   npm install -g cnpm --registry=https://registry.npm.taobao.org

   ，

   cnpm -v

   查看是否安装成功

三、创建 vue 项目

1. 在想要创建项目地方：

   vue init webpack vue_project

2. 在项目目录下安装依赖包：

   npm install

   ，项目中多出来的 node_modules 文件夹就是刚才安装的所有依赖
3. 运行项目：

   npm run dev

   ，打开浏览器访问

   http://localhost:8080

   ，出现以下界面说明项目启动成功

   

4. 项目打包：

   npm run build

四、vue 项目结构

总结架构：

build–[webpack配置]

config–[vue项目配置]

五、idea 安装vue

file --> settings --> plugins，然后什么都不用输入，直接点击Browse repositories…，然后右边会有绿色install按钮，安装成功后重启idea

配置node