Vue.js安装教程

目的： 记录使用npm安装方式 安装Vue.js的过程，方便参考和借阅

No 1. 安装Node.js （如果电脑上已经安装了npm环境的同学，就不用再次安装，可以跳过此步骤 直接到No.2）

1.1进入到右边的网页地址https://nodejs.org/en/

1.2 进入之后，点击下载（download）

1.3选LTS版本的：这是稳健版的。会自动根据电脑配置下对应的版本号。

下载完成后，点击安装文件

这个安装程序，写的非常好。

最关键的是，如果对之前的哪一步不满意，就直接点击back就返回了，不用太担心。

一般来说，直接默认往下走就好了，在destination folder那，可以选择自己喜欢的安装目录。

之后就可以使用了。

效果如下：

No 2. 使用Npm安装Vue.js

2.1 由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像。

2.2 在用 Vue.js 构建大型应用时推荐使用 NPM 安装：

# 最新稳定版

$ cnpm install vue

2.3 完成安装

No 3. 命令行工具

3.1 命令行构建 ( Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。 )

(PS :

在安装时会询问你，①、Project name (sanfeng1)；项目名称（sanfeng1）。（确定按enter，否按N）

②、 Project description (A Vue.js project)；项目描述（一vue.js项目）。（随意输入一段简短介绍，用英文）

③、Author (sunsanfeng)；作者（sunsanfeng）。（确定按enter，否按N）

④、Vue build (Use arrow keys)> Runtime + Compiler: recommended for most usersRuntime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render 　　　　　　　　functions are required elsewhere；Vue公司的建立（使用箭头键）>运行时+编译器：大多数用户推荐运行时间：约6kb轻民+ gzip，但模板（或任何Vue具体HTML）只允许在。VUE文件渲染功能是必需的其他地方。（按enter）

　　⑤、Install vue-router? (Y/n)；安装的路由？（/ N）。（可安可不安，以后也可以再安，根据需求选择）

⑥、Use ESLint to lint your code? (Y/n)；使用ESlint语法？（Y/ N）。（使用ESLint语法，就要做好心理准备，除非你非常懂ESLint语法，要不就会处处报错，我就被逼疯过，建议N）

⑦、Setup unit tests with Karma + Mocha? (Y/n)；设置单元测试？（Y / N）。（选N）

⑧、Setup e2e tests with Nightwatch? (Y/n)；Nightwatch建立端到端的测试？（Y / N）。（选N）

最后一个选项是推荐相关依赖后续使用指令安装，选择

)

3.2 进入项目，安装并运行：

3.3 成功执行以上命令后访问 http://localhost:8080/，输出结果如下所示：

注意：Vue.js 不支持 IE8 及其以下 IE 版本。

---------------------本文来自 ZHENMINTECH 的CSDN 博客 ，全文地址请点击：https://blog.csdn.net/junzhen_chen/article/details/82841960?utm_source=copy