博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue.js个人学习心得
阅读量:6583 次
发布时间:2019-06-24

本文共 1084 字,大约阅读时间需要 3 分钟。

2017.4.7开始辞职刚好一个月时间,一个月时间里我开始彷徨,迷惘,失业带来的痛苦,打算转行,不再搞机械行业,因为不想再做低端的产品设计(本身不是研究生也不是说天资卓越,只是不甘于平凡)。

 

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

 

首先接触这个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的首页
 
 
 

转载于:https://www.cnblogs.com/Alexin/p/6828712.html

你可能感兴趣的文章
BZOJ5312:冒险——题解
查看>>
echarts,两点连线,中间断裂
查看>>
samba简易配置
查看>>
庆祝在CNBlogs开博!
查看>>
javascript reverse string
查看>>
南阳oj 题目6 喷水装置(一)
查看>>
运筹学上机实验 - 单纯形方法的两阶段法
查看>>
CF294C Shaass and Lights
查看>>
oracle 11g 报错记录
查看>>
文件状态是否变化
查看>>
MongoDB的副本集Replica Set
查看>>
Maven项目中的配置文件找不到以及打包问题
查看>>
面向对象
查看>>
HDU 1058 Humble Numbers
查看>>
NYOJ The Triangle
查看>>
wps10.1中将txt转为excel
查看>>
解决执行脚本报syntax error: unexpected end of file或syntax error near unexpected token `fi'错误的问题...
查看>>
[BZOJ3312][USACO]不找零(状压DP)
查看>>
gtp转换mbr
查看>>
django rest framework
查看>>