前端近几年来飞速发展,各种技术框架层出不穷,架构模式也从主流MVC慢慢转向MVVM。使用AngularJS、React和Vue.js等框架进行前端开发已经成为趋势。因此我也开始了vue.js的修炼之路(之所以选择vue.js是因其入门门槛低)。
一、安装
为了让我们创建Vue项目更加容易,我们使用vue.js的脚手架工具Vue-cli。这里采用npm进行安装
1.首先安装node.js,现行版本的node.js自带npm。
下载链接:https://nodejs.org/zh-cn/
为了避免npm下载文件过慢,推荐使用淘宝镜像,打开命令行输入以下命令
npm install cnpm -g --registry=https://registry.npm.taobao.org
2.安装Vue-cli
cnpm install --global vue-cli
二、创建第一个项目
1.打开命令行输入以下命令,采用webpack进行项目构建,创建过程会要求你的项目起名之类,基本直接回车确认就可以
vue init webpack demo
2.创建完成后,项目默认在你C盘用户文件夹下,输入以下命令进入到项目根目录下
cd C:\Users\gzc\demo
3.输入以下命令,下载项目所需所有依赖。
npm install
npm install :安装所有的模块,如果是安装具体的哪个个模块,在install 后面输入模块的名字即可。而只输入install就会按照项目的根目录下的package.json文件中依赖的模块安装
4.输入以下命令运行程序
npm run dev
打开浏览器输入http://localhost:8080/,如果能弹出页面,说明项目已经创建完成