vue.js我的学习心得

2017.4.7开始辞职恰好一个月时间，一个月时间里我开始彷徨，迷惘，失业带来的痛苦，打算转行，再也不搞机械行业，由于不想再作低端的产品设计（自己不是研究生也不是说天资卓越，只是不甘于平凡）。

 

好了，不说这些，开始总结一下，vue是一个前端的框架，先从官网https://cn.vuejs.org/仔细阅读了一遍，把基本的语法和应用的例子，在大脑创建一个数据模型

 

首先接触这个vue框架，先要获取它的源码，因此就引入了一个包管理工具node.js，在官网下载以后采用阿里云的一个镜像命令cnpm来代替npm

这里我遇到了一个坑，在这里我弄了一个晚上才理解是怎么回事：

首先安装完node以后，

简单介绍gulp在使用过程当中经常使用命令，打开命令提示符执行下列命令（打开方式：window + r 输入cmd回车）：

node -v查看安装的nodejs版本，出现版本号，说明刚刚已正确安装nodejs。PS：未能出现版本号，请尝试注销电脑重试；

npm -v查看npm的版本号，npm是在安装nodejs时一同安装的nodejs包管理器，那它有什么用呢？稍后解释；

cd定位到目录，用法：cd + 路径 ；

dir列出文件列表；

cls清空命令提示符窗口内容。

首先安装完node以后，会自带一个npm命令控制器，npm -v

表示安装成功，接下来设置npm要下载的代码和缓存的存放位置

代码安装位置设置：npm config set prefix D:\nodejs\node_global

缓存的存放位置:D:\nodejs\node_cache

再安装cnpm，npm install cnpm -g --registry=https://registry.npm.taobao.org

 

在系统环境变量设置一个path变量名，变量：D:\nodejs\node_global

重启npm命令控制器

cnpm -v

 

 

 

这样显示算是成功了，接下来安装vue的脚手架工具vue-cli

cnpm install -g vue-cli

 

利用webstrom来开发第一个基于vue框架的webpack工具

 

 建立一个基于 webpack 模板的新项目

vue init webpack my-project

cd my-project

npm install

npm run dev

一路回车。。。以后会建立一个端口，个人是localhost:8080

 

在浏览器上输入localhost:8080，就能够获得一个vue的首页