- 在电脑上安装node,地址https://nodejs.org/en/download/
,按照提示进行按照即可
//查看node版本
node -v
v7.6.0
- 安装npm,是Node.js的包管理工具(package manager),在安装好node的时候已经安装好了,查看版本如下,安装成功:
//查看版本
$ npm -v
2.3.0
//升级 npm
npm install npm -g
- 使用npm安装vue
最新稳定版
$ npm install vue
- 下面开始正式搭建spa(single-page application)
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack myapp
# 这里需要进行一些配置,默认回车即可
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 这里需要进行一些配置,默认回车即可
This will install Vue 2.x version of the template.
For Vue 1.x use: vue init webpack#1.0 my-project
? Project name my-project
? Project description A Vue.js project
? Author runoob <test@runoob.com>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes
vue-cli · Generated "my-project".
To get started:
cd my-project
npm install
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack
- 进入项目,安装并运行
$ cd my-project
$ npm install
$ npm run dev
DONE Compiled successfully in 4388ms
> Listening at http://localhost:8080
6.babel-runtime安装指令
npm i babel-runtime -S
- babel-polyfill安装指令
npm install --save-dev babel-polyfill
- fastclick 安装指令
npm install fastclick -D