vue项目搭建

• 项目搭建

项目搭建

一.安装node.js
  node.js是javascript的一种运行环境，是对Google V8引擎进行的封装，是一种服务端的javascript解释器。
node.js中包含npm，比如说你安装好node，发现npm也已经安装好了
  npm(node package manager),通常称为node包管理器，它的主要功能就是管理node包，包括安装、卸载、更新、查看、发布等
  安装完成后，可以命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，就说明安装成功。
二.安装淘宝镜像
  直接用npm去安装会很慢，所以可以先安装淘宝镜像cnpm，功能跟npm是一样的

npm install -g cnpm --registry=https://registry.npm.taobao.org
mac安装cnpm需要一个最高权限 
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose

  如果安装失败，可以使用npm cache clean清理缓存，然后再重新安装。后面的安装过程中，如有安装失败的情况，也需要先清理缓存，同样也可以用cnpm -v来检查是否安装成功。
三.安装vue-cli

cnpm install -g vue-cli

  安装完成后可以用vue -v来检查是否安装成功，如果提示“无法识别 'vue' ” ，有可能是 npm 版本过低，可以使用 npm install -g npm 来更新版本
四.生成项目
  首先需要进入项目所在硬盘位置，然后输入

vue init webpack vue-project

  其中webpack是模版名称，vue-project是自定义的项目名称，命令执行之后，会在当前目录生成一个以该名称命名的项目文件夹。配置完成后，可以看到目录下多出了一个项目文件夹，里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目
五.安装依赖包
  进入新建项目目录，使用cnpm安装依赖

cnpm install

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