简易Vue项目搭建

<---

前言：因为用npm很慢，所以用淘宝镜像===>详细信息可以参考此链接（https://npm.taobao.org/），因为服务器架在国内所以下载模块很快，如果直接用npm命令会很慢

任意路径执行命令：“npm install -g cnpm --registry=https://registry.npm.taobao.org”

执行完后即可全局用cnpm来代替npm了，这样在其它项目安装上非常快速！

--->

 

1、安装vue-cli和angular一样，安装vue的客户端管理工具，全局安装

代码：

cnpm install -g vue-cli  或者 cnpm install --global vue-cli。

【显而易见前者代码更少方便，以上是全局安装，即哪个路径都可以用；但如果是开发环境（即某个路径下才能用）用的模块则：cnpm install 模块名 --save-dev，此时就会出现package.json文件然后就会在“devDependencies:{}"配置中看到了】

2、安装完vue-cli后就可以用vue的一些命令了，这就是vue-cli的作用。下一步就是创建一个基于webpack的项目了

代码：

vue init webpack 项目名字

【注意：项目名只能是英文，不能有大写字母！否则会报错，如下sorry，name can no longer contain capital letters】比如：vue_webpack

3、接着需要你自己输入项目名字，选择如何搭配你的项目

? Project name vue_webpack

? Project description A Vue.js project

? Author lhl

? Vue build standalone

? Install vue-router? Yes

? Use ESLint to lint your code? No

? Setup unit tests Yes

? Pick a test runner jest

? Setup e2e tests with Nightwatch? Yes

4、安装依赖模块（在项目文件夹，本例为：vue_webpack）

cnpm install

5、启动（在项目文件夹）

cnpm run dev