vue.js学习记录(一)：my-project

1，安装node.js。

可以到官网下载 http://nodejs.cn/download/，安装到本地指定目录，然后添加环境变量。

2，安装淘宝镜像。

win+R开启cmd，输入：npm -v 测试刚刚安装好的nodejs。

成功，继续执行：npm install -g cnpm --registry=https://registry.npm.taobao.org

安装成功后，输入：cnpm -v 测试

3，安装vue和vue cli。

继续执行命令：cnpm install vue

继续执行命令：cnpm install --global vue-cli

4，在指定目录创建vue项目，命名为my-project。

切换目录到指定目录：cd /D E:

进入指定目录：cd E:/vue-demo

使用vue命令创建项目：vue init webpack my-project

接下来会跳出一些指令，需要进行一些配置，默认回车即可

5，进入项目，安装并启动。

cd my-project

cnpm install

cnpm run dev

启动成功后默认访问地址：http://localhost:8080

访问可以看到如下界面：

6，查看创建的my-project项目结构。

7，使用开发工具打开项目，进行编程，例如使用：vscode，使用前先安装vetur插件。