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

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20180925G1MQ4X00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券