Vue.js安装
要下载安装vue首先得下载安装node.js和npm。
1. node.js安装
node.js安装包下载地址:https://nodejs.org/en/
选择左边的版本安装即可。
2. npm安装
打开电脑命令行界面:
#查看版本
$ npm -v
6.4.1
注意:如果你电脑上已经装了npm,底下会出现npm版本号,我的版本是6.4.1。
#升级或安装 npm
npm install npm -g
#全局安装vue
npm install vue
3.vue-cli脚手架的搭建
先在桌面建一个文件夹(也可以放在电脑的其他位置),里面用来存放我们的项目。
在文件夹里打开命令行工具:
#全局安装 vue-cli
npm install --global vue-cli
#创建一个基于 webpack 模板的新项目
vue init webpack my-project('my-project'为我取的项目名,你也可以取其他的名字)
#这里需要进行一些配置,默认回车即可
This will install Vue 2.x version of the template.
To get started:
cd my-project
npm install
npm run dev
进入项目,运行:
cd my-project
npm run dev
DONE Compile d successfully in 4388ms
> Listening at http://localhost:8080
成功执行以上命令后访问 http://localhost:8080/, 如果出现以下界面,代表vue-cli脚手架搭建成功。