Vue Project的搭建

vue基础框架搭建

可参照https://www.cnblogs.com/princesong/p/6728250.html 结合搭建

搭建vue框架前，先安装四样东西：（ie版本ie9以下vue是不支持的）

1、 Node.js（根据电脑配置来安装，百度搜索或者到node官网下载）；

2、必须在3.8版本以上才行（也可安装淘宝的npm镜像npm install -g cnpm –registry=https://registry.npm.taobao.org 来处理）。

3、vue-cli脚手架的安装（建议全局安装(npm)cnpm install -g vue-cli ）

4、 安装webpack （建议全局安装(npm)cnpm install -g webpack）

前四样装好后，即可开始vue框架的搭建了：

选定一个安装的地方通过cmd或者git bash命令vue init webpack vue_project_demo创建项目，因为webpack项目过大，下载时网络问题很可能出现问题，使用vue init webpack myProject的时候就会出现报错，信息如下：

vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET

网上有博主采用的是把模板（webpack-simple或者webpack）下载下来,然后把文件夹放在c盘user的当前用户目录下

C:\Users\{your username}\.vue-templates

比如我的用户名是admin, 那就是

C:\Users\admin\.vue-templates

然后离线执行vue init

vue vue init webpack project --offline

但是报错找不到.vue-templates这个文件夹，然后我直接把下载下来的模板（webpack-develop）放在项目同级，然后用相对路径初始化项目，命令如下

vue init ./webpack-develop myproject

项目就可以下载模板初始化了。