一.安装Nodejs 下载地址 nodejs.cn
安装完成查看nodejs版本 node -version
#查看Nodejs的版本及是否安装成功
node -version
二.安装cnpm 淘宝镜像
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
使用 cnpm 替换 npm
$ cnpm install [name]
如果npm 版本不是最新版本,按照下面语句升级npm
#升级 npm
cnpm install npm -g
三.安装vue
# 最新稳定版
$ cnpm install vue
四.安装项目工具
# 全局安装 vue-cli
$ cnpm install --global vue-cli
五.新建项目目录,在目录中按 Shift+鼠标右键,在当前位置打开控制台 ,创建新项目
# 创建一个基于 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 openketang <test@openketang.com>
? Vue build standalone
? Use ESLint to lint your code? No // 选择N 是代码不执行Eslint 严格检查,否则执行严格检查
? 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
六.进入项目
#my-project 为自己创建的项目名称
$ cd my-project
$ cnpm run dev
DONE Compiled successfully in 4388ms
> Listening at http://localhost:8080