vue安装教程

Vue.js 安装教程

安装node.js

https://nodejs.org/zh-cn/download/

选择一个适合自己电脑的版本下载

 

 

 

 

 

 

 

下载成功, 直接安装, 全部点击下一步

然后输入 黑窗口输入 node 出现以下界面成功

 

 

黑窗口输入 npm 出现下图成功

 

 

 

 

安装vue

切换淘宝源

华为源 百度源 ... 都可以, 根据自己喜好

从外网下载特别慢 ,所以切换成国内的镜像

#直接命令行的设置
$ npm config set registry https://registry.npm.taobao.org
#检测是否安装成功
$ npm config get registry

NPM 安装vue

黑窗口

# 最新稳定版
$ npm install vue

 

CDN 引入

html 内引入

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
​
<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

 

脚手架安装

Vue CLi 命令行工具

黑窗口

安装

​
npm install -g @vue/cli
# OR
yarn global add @vue/cli
​

创建一个项目：

#手动命令行创建
vue create my-project
# OR GUI界面创建 对新手非常友好
vue ui

#创建项目的时候不要添加 代码规范检查工具 esLine 不然会头疼

如果读了这个教程还是没安装成功

那就去找已经安装成功的同学帮你一下

Vue.js 教程地址:

Vue.js 中文网:

https://cn.vuejs.org/v2/guide/