Vue学习笔记一：使用vue-cli 创建开发环境

第一步：安装Node.js

　　　　　　点击此处下载    选择对应的安装包，进行安装。

第二步：安装淘宝镜像

　　 有一个问题，使用 npm 会导致网速很慢，对于大陆用户，建议将 npm 的注册表源设置为国内的镜像，可以大幅提升安装速度。 
进入nodejs安装目录下的npm环境下，打开命令行，输入以下命令：

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

　　直接复制上去就好，下面会出现一串代码，表示在安装，无需理会，如果停了太久，卡在那里，可以按ctrl+c 取消执行，重新键入命令，再安装

第三步： 全局安装 vue-cli 脚手架

cnpm install webpack -g

　　-g 表示全局，输出上面的指令之后，下面又会有一串代码，表示安装无需理会，安装完成之后可以检测一下，输出 vue ，会显示这样的情况，表示安装成功。

第四步：安装 webpack

vue init webpack myproject　

创建一个基于 webpack 模板的新项目，后面的myproject指的是这个项目的名称，你也可以换成其它的。

然后会下载安装这套模板，命令行会出现几个问题，你跟着下面的步骤回答就可以了。

?Project name
?Project description
?Author
?Use ESLint to lint your code?(y/n)
?Setup unit test with Karma + Mocha?(y/n)
?Setup e2e tests with Nightwatch?(y/n)

第一行问你项目名称，输入 my-first-vue-project
第二行问你项目描述，输入 this is my vue
第三行问作者的名字，输入 你自己的名字就好
第四、五、六行都直接在后面输入 NO 。

　　这个项目就初始化完成了，你可以在电脑上查看，在当前目录下就会多一个文件夹叫做 my-first-vue-project，里面会有些文件。

第五步： 用CD命令行查找进入到工程目录

第六步：安装依赖 
在当前工程目录下输入命令行：

cnpm install

• 1

安装完成之后，在电脑上回到 my-first-vue-project 这个文件夹，里面会多一个 node_modules 文件夹。

第七布： 启动项目 
接下来继续输入以下命令行：

npm run dev

• 1

 
服务器启动成功之后，下面就会给出一串指令告诉你:

Listening at http://localhost:8080

• 1

然后到浏览器进入这个页面可以看见这样的页面： 

这样就表示开发环境搭建结束啦。