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的首页
 
 
 
posted @ 2017-05-09 01:45  Alexin  阅读(1772)  评论(0编辑  收藏  举报