Vue项目创建

一、下载安装好node

1.node链接：下载地址；

二、开始搭建vue工程

1.可以安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 这样你以后再通过终端安装包就直接用cnpm 代替 npm,这样的好处是下载的包会比较快,因为淘宝镜像的服务器在国内 杭州，npm的服务器在国外，所以这边由于距离原因导致路由响应的一个距离延迟。

2.搭建webpack环境,全局安装

cnpm install -g webpack

3.安装vue-cli
首先你可以通过命令行cd 进入你的项目 如我的是F盘 personalbutler 文件夹 ，然后 cnpm install -g vue-cli

4.通过webpack构建项目
vue init webpack my-project //项目名称 自己随便取；后面的一直回车就行

5.cd 进项目 命令行npm install 安装vue依赖的包

生成目录如下：

6.搭建好之后命令行 npm run dev 运行vue文件

7.vue项目码好后打包 npm run build 通过Tomcat等推到服务器就行

8.添加ElementUI依赖,cd 进项目 命令行npm i element-ui -S

main.js添加以下内容:

import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

报错修改：

一、Sorry, name can no longer contain capital letters. 报错原因:项目名不能包含大写字母;修改项目名为小写;