Vue-vue-cli初始化项目

一、下载安装node.js
下载地址：https://nodejs.org/en/download/，选择合适自己的版本下载，我下载的是Windows Installer (.msi)    32.bit。
二、启用cmd
使用node提供的npm包管理工具  ，可以使用cnpm代替npm。
方法一：使用npm安装cnpm（会导致npm和cnpm版本可能不一样）

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

方法二：重命名方法用alias 命令设置别名

alias cnpm="npm --registry=https://registry.npm.taobao.org \
--cache=$HOME/.npm/.cache/cnpm \
--disturl=https://npm.taobao.org/dist \
--userconfig=$HOME/.cnpmrc"

三、安装项目

1、安装vue-cli

cnpm install –g vue-cli

2、新建项目vuedemo

vue init webpack vuedemo

3、在vuedemo下安装依赖

cd vuedemo
cnpm install

它根据package.json的配置表进行安装，安装完后会在vuedemo下多一个文件夹 node_modules，这里的文件对应着配置表里的配置
4、运行vuedemo

npm run dev 

npm run build 

（Dev 运行开发环境，build运行生产环境）

主要文件介绍
index.html 默认有一个js入口main.js
开发主要集中在src目录下
config build 这两个是项目的配置信息
node_modules  是node的依赖

更详细的内容介绍见vue-用vue-cli从零开始构建一个vue项目