vue集成环境安装

 vue集成环境安装

1.安装nodejs (平台)

node.js 官方下载页面：

https://nodejs.org/en/download/current/

最新版本，下载地址是：

https://nodejs.org/dist/v6.3.1/node-v6.3.1.tar.gz

2.安装淘宝镜像

npm install -g cnpm --registry= https://registry.npm.taobao.org

3.安装(webpack 环境)

npm install webpack -g

4.安装vue-cli

npm install -g vue-cli

5.创建vue项目

vue init webpack my-project(项目名称)

6.运行项目

出现类似余下面的界面

project name

project description

author

use eslint to lint your code(y/n)

setup unit test with karma + mocha(y/n)

setup e2e tests with nightwatch(y/n)

第一行问你项目名称，输入 my-project

第二行问你项目描述，输入 this is my vue

第三行问作者的名字，输入 你自己的名字就好

第四、五、六行都直接在后面输入 no 。

5.用cd命令行查找进入到工程目录

cd my-project

npm run dev

6.下面是在项目中需要的文件引入方法

1)jquery导入

npm install jquery --save

2)vue-resource导入

npm install vue-resource --save