Vue入门-搭建vue.js

之前在电脑上已经安装好了 总结一下...

1. 安装淘宝镜像

命令行输入npm install -g cnpm --registry=https://registry.npm.taobao.org(npm install太慢了，耗费时间而且有时会出现报错==心累....)

安装淘宝镜像

2. 安装Vue

命令行输入cnpm install vue -g

安装vue.png

3. 安装webpack

命令行输入cnpm install webpack -g

安装webpack.png

4. 安装vue-cli脚手架构建工具cnpm install -g vue-cli

安装vue脚手架.png

5. 创建一个基于 webpack 模板GitHub-vuejs-templates的新项目

通过脚手架下载官方提供的模板，命令行输入：vue init <template-name> <project-name>
初始化一个项目: vue init webpack my-project
（vue官方模板 的构建工具中webpack使用者最多、最方便）

官方模板.png
运行初始化命令的时候回让用户输入几个基本的选项，如项目名称，描述，作者等信息，如果不想填直接回车默认就好。
1.png 注：光标放在（Use arrow keys）单击回车 2.png
3.png
安装依赖成功（等了大概10几分钟，比较慢...），模板已下载完成~
提示.png
提示进入到项目目录todolist，命令行输入npm run dev，进行开发环境启动： npm run dev.png
然后vue.js就跑起来啦~： 运行一下.png