vue安装步骤

一：先安装node环境

1.去官网下载推荐的稳定版，一直点下一步，默认安装

2.安装完成后，打开cmd执行

node -v
npm -v

如果显示版本号，则说明安装成功

3.npm 版本需要大于 3.0，如果低于此版本需要升级它：

cnpm install npm -g

二：利用淘宝npm镜像安装相关依赖

1.由于国内直接使用 npm 的官方镜像安装速度慢，推荐使用淘宝npm镜像及其命令 cnpm。

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

完成之后，我们就可以用cnpm代替npm来安装依赖包了。

2.安装时可以手动指定从哪个镜像服务器获取资源，可以使用阿里的镜像服务，需要使用–registry参数指定镜像服务器地址，为了避免每次都需要–registry参数，可以使用一下命令进行永久设置：

npm config set registry http://registry.npm.taobao.org

3.安装全局vue-cli脚手架

cnpm install -g vue-cli

安装完成后，输入vue -V，回车，若出现vue信息说明表示成功

PS:最新的 vue 项目模板中，都带有 webpack 插件，所以这里可以不安装 webpack

4.创建项目

vue init webpack vue_test(项目文件夹名)

创建后，设置信息，信息详情。

创建完成，按照提示执行命令

npm run dev //运行
npm run build //打包

三：创建项目，下载webpack很慢的时候，有两种方式提高速度。

- 下载这里的任意模板 https://github.com/vuejs-templates
- 下载 zip 包
- 解压
```
vue init ./本地解压文件 vue-demo
```
移动压缩包到 ~/.vue-templates/xxx 执行以下命令进行创建项目
```
 vue init webpack  vue-demo --offline
```

四:在src下写vue代码

待续。。

参考链接：

Comments