vue框架搭建

一：vue开发环境的搭建

1.安装node.js(官网：https://nodejs.org/en/download/ )，选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可。

在安装的路径下cmd，输入node -v,如果出现版本信息即表示安装成功。

 2.npm包管理器是集成在node中的，直接输入npm -v,就能查看到版本信息，若出现版本信息则表示npm能正常使用。

3.输入命令，通过淘宝镜像安装相关依赖。 

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

4.安装vue-cli脚手架构建工具，输入命令，安装完成即可。

npm install -g vue-cli 

二：创建vue项目

1.开始创建vue项目，使用命令。

vue init webpack 项目名

项目名：项目名称不能包括大写字母。

2.会问你这个是一个vue项目吗？直接回车即可。接下来每一个提示小编都选的是Y安装。 最后提示项目创建后，会自动运行npm install 安装一些东西，直接同意之后等待。。。

3.成功以后进入项目所在目录，安装所需依赖。

三：启动项目

1.进入项目所在的目录：cd myvue

2.安装所需依赖，此依赖安装会产生node_modules文件夹，所有依赖都会安装在此文件夹内，使用cnpm install

3.启动项目，cnpm run dev

4.代表启动成功，浏览器访问http://localhost:8080,出现以下页面代表创建成功。

 一个简单的vue项目搭建成功。