vue开发框架搭建

搭建环境
1.安装node.js :http://nodejs.cn/download/
查看是否安装成功 ：node -v

2.安装npm
nodejs版本已经集成安装npm的包管理工具，所以无需额外再安装
查看是否安装成功：npm -v

注意：国内网络情况，直接npm安装包一般会很慢，这时候，通过国内npm源进行安装，如：淘宝https://npm.taobao.org ，可安装他们定制的cnpm命令行工具来代替npm，后面包的安装都基于cnpm命令进行安装

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

框架获取步骤

基础的工具及需求环境已经讲完，现在开始获取vue脚手架，通过安装npm模块vue-cli

1.安装vue-cli命令行包模块

cnpm install -g vue-cli

2.获取vue+webpack基础框架，切换到你要创建的项目目录

vue init webpack Vue-Project

等待下载项目所需的依赖包

3.进入你刚创建的框架目录，安装需要的包及所有依赖关系

cnpm install

项目的结构图：

完成npm模块包的下载，在文件package.json你可以查看你都下了哪些模块以及他们各自的版本号信息
注意：安装模块包过程如果出现报错，最好删掉整个模块目录node_modules/，重新安装一遍，因为很多依赖如果没有顺利安装ok，容易出现莫名其妙的问题。
4.验证是否成功搭建框架：

npm run dev

在vscode里面运行项目