安装vue

安装vue

1.首先安装Node.js

官网：https://nodejs.org/zh-cn/

1）根据自己电脑型号下载好

2）点击安装，傻瓜式一步一步最后完成安装

3）打开终端，检查是否正常，如果显示了如下则安装正常

2.项目初始化

1.第一步：安装vue-cli，在命令提示符中输入

安装vue-cli
npm install -g @vue/cli
#验证
vue --version

3.使用终端创建Vue项目

首先使用命令进入到想到安装vue项目的目录
vue init webpack vue-project
其中 webpack 是模板名称，可以到 vue.js 的 GitHub 上查看更多的模板 https://github.com/vuejs-templates
Vue-Project 是自定义的项目名称，命令执行之后，会在当前目录生成一个以该名称命名的项目文件夹


配置完成后，可以看到目录下多出了一个项目文件夹，里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目
然后进入项目目录（cd Vue-Project），使用 npm 安装依赖
npm install

然后启动项目
npm run dev

如果浏览器打开之后，没有加载出页面，有可能是本地的 8080 端口被占用，需要修改一下配置文件 config>index.js