现在流行的前端框架很多,vue相对于来说较为简单,更容易上手。
现在将自己一步步学习过程进行记录,便于以后查阅,也作为积累,同大家分享。
一、安装node.js
1、在官网中安装nodejs最新版本。地址:https://nodejs.org/en/download/,根据自己环境,进行下载安装。
2、安装完成后,进行nodejs版本及npm版本查看。
打开cmd命令行,输入 node -v 和 npm -v,node安装后将会自动安装上npm,但不一定是最新的,可用命令 npm install -g npm,进行最新版本安装。
安装好之后,就可以使用vue-cli进行初始化一个vue项目。
二、vue项目初始化
1、全局安装vue-cli
打开cmd命令行,输入npm install --global vue-cli ,进行全局安装vue-cli脚手架工具。如果安装不成功,请检查npm是否最新版本,或cmd是否以管理员身份运行。
2、新建vue项目
在命令行中,进入指定路径,运行 vue init webpack 项目名称,例如: vue init webpack my-vue。