Vue学习的准备

以下内容只讲述准备工作,而这些插件的作用和使用会在我后面的笔记一一写明

下载

官网连接

确认安装成功

进入cmd窗口
输入node -v如果出现版本号即node.js安装成功
输入npm -v如果出现版本号即npm安装成功
如下图所示,两个都成功了算ok(基本没见过出这个问题)

安装cnpm

npm install -g cnpm -registry=https://registry.npm.taobao.org

同样,通过进入cmd窗口,输入cnpm -v看版本号来判断是否安装成功

安装Vue-cli

cnpm install vue-cli -g

同样可以通过vue -V通过版本号来判断是否成功
注意:此处的-V是大写的

安装Webpack

cnpm install webpack -g

这个也是使用Webpack -v的形式进行判断,但不同的是如果你是第一次使用他会让你下载一个Webpack-cli,也就是客户端,注意再这里下载的话速度超级慢,所以我们选择no

cnpm install webpack-cli -g

我们用命令自己全局安装更快,安装完后再输入Webpack -v

Vue-cli 脚手架快速搭建单页面应用

确保上面的东西安装完后我们来快速搭建一个页面,这些命令的作用NPM的几个常用命令这篇文章有讲述,这里便不再多说明,暂时不理解也没关系,先按下面命令输入快速搭建一个起来先

vue init webpack FirstDemo

下面输入的信息请参考NPM的几个常用发命的第6条命令,下面有详细的解释,再次不进行多次记录

进入你们的项目目录cd 文件夹名
然后执行安装项目依赖模块cnpm install,安装成功后项目的目录宗会出现一个node_modules文件夹,安装的依赖模块都在这个文件夹中
启动项目npm run dev
浏览器输入http://localhost:8080如果可以访问到页面则说明成功
停止的话Ctrl+c即可

至此,所有的准备工作完成,欢迎观看下一篇

看下一篇之前如果时间充沛的话可以看我的VueJS快速入门这个专栏,
估计1-2天就可以了解一下怎么简单使用vue的东西了,有时间的话强烈推荐去看