最近在学习vue,根据网上教程加上自己摸索,做了一个简单的项目作为练手。如果发现本人写的有问题,还请各位大神多多指点。写在博客里面也是希望自己当做笔记一样,汇总一下学的知识点。那我们现在开始吧!
一、node安装
关于node安装相信网上随便找都能找出相关安装的过程,这里就不必详细讲了。下载地址:http://nodejs.cn/download。
这样只是安装固定版本的,如果在开发过程中希望切换node的版本,建议使用nvm来安装。
要想知道是否安装成功,可以在命令行工具中输入node -v和npm -v查看node的版本号就可以判断有没有安装成功;npm是node的包管理工具.,因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,所以我们可以通过安装cnpm来执行。(具体安装步骤见网上教程,这里不详细介绍);
二、安装 vue-cli
接下来到了重点部分,安装vue脚手架工具,(本人电脑是window系统)。
首先我们在命令行输入 :cnpm install -g vue-cli // 加-g是安装到全局
接着在命令行输入:vue init webpack demo
出现如下内容,输入项目名称(例如:vue-test)回车:
接下来一步步填写相关内容按回车确认:
三、进入项目文件目录
等待项目安装成功后,按底下步骤启动项目
命令行输入:cd demo //进入项目文件夹
cnpm install
cnpm run dev
然后在浏览器就可以访问了!