vue.js的安装

安装步骤

安装node.js(若已安装nmp请忽略该步骤)

1.进入该网址:https://nodejs.org/en/
2.下载安装node.js,这里我选择的是LTS版本,该版本为稳定版
3.下载完成后测试,结果如下
vue.js的安装

安装vue.js(这里使用的是在IDE下安装)

1.安装脚手架,在IDE 的 Terminal 窗口中输入
npm install -g vue-cli
结果如下
vue.js的安装
完成对vue.js的全局安装,以后便可以直接使用。

项目创建

1.进入到想要创建项目的目录下
2.输入:
vue init webpack demo
demo即为项目的名称,过程如下
vue.js的安装
其中:
Install vue-router? (Y/n) # 是否安装Vue路由?
Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码?
Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint(使用箭头键)
Setup unit tests with Karma + Mocha? (Y/n) # 设置单元测Karma + Mocha ?
Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试,Nightwatch ?
这里可以根据需要自行配置,这里我全部选了yes。
等待项目构建完成。
vue.js的安装
3.完成后进入项目目录,输入
npm run dev
即可启动项目vue.js的安装
vue.js的安装