vue安装使用

前言

一:node.js安装

1.1:node.js

node.js官网下载地址:

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

1.2:node -v

验证是否安装成功

vue安装使用

显示版本号即安装成功

二:cnpm 安装

cnpm是npm中国版,因为npm访问的是国外服务器,所以网络会比较慢,cnpm访问的是国内的资源所以会快很多。

2.1:npm install cnpm -g

vue安装使用

2.2:cnpm -v

vue安装使用

三:vue-cli安装

3.1:cnpm install vue-cli -g

vue安装使用

3.2:vue list

验证是否安装成功:

vue安装使用

3.3:webpack

vue是基于es6的语法,很多网站使用es5语法,我们通过webpack打包,然后降级,实现解决兼容问题

四:vue-cli 应用程序

4.1:vue init webpack myvue

命令行切换到指定目录后,使用vue init webpack myvue

vue安装使用

根据提示输入项目名,然后回车。接着回车到达install vue-router,选择n

vue安装使用

vue安装使用

一路N,最后npm install不是输入no,上下键选择NO

4.2:配置自己的vue项目

进入创建的vue项目

执行npm install

vue安装使用

按照提示修复:

npm audit fix

vue安装使用

小伙伴恭喜你,vue项目完成啦