一 安装node环境
1、下载并安装node.js,
1下载地址::https://nodejs.org/en/ 选择合适电脑系统的版本进行安装
2 检查是否安装成功:在cmd控制台输入node -v,如果输出版本号,说明我们安装node环境成功,npm包管理器是集成在node中的,所以直接输入npm -v就能查看到版本信息,若出现版本信息则表示npm能正常使用
二 搭建vue项目环境
1、全局安装vue-cli
npm install --global vue-cli
三 创建vue项目
1新建一个项目文件夹,然后用vscode打开这个文件夹,调出终端(查看-终端)执行代码 npm install --global vue-cli
2 初始化项目 vue init webpack ,一直报错提示如下
无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本
解决方法 开始-打开PowerShell 输入 set-ExecutionPolicy RemoteSigned 钻则选择A或者Y即可
继续在vs code打开要创建vue项目的文件见,在终端输入 vue init webpack 按照提示创建项目,创建完成后 运行npm run dev,出现以下界面就是成功了
Vue安装Axios及使用
安装
npm install axios --save
main.js中导入
import axios from ‘axios’; /* 引入axios进行地址访问*/
axios.defaults.baseURL = ‘http://172.16.3.59:11888/’//设置默认接口地址
Vue.prototype.$http = axios;(注意:不使用use来使用该例,而是用prototype原型来使用)
Vue安装jquery及使用
1.安装jquery
https://blog.csdn.net/weixin_41432849/article/details/81988058
Vue用AES加密
1.安装crypto-js
npm install crypto-js --save
https://www.cnblogs.com/libo0125ok/p/9224121.html
Vue用jsencrypt
npm install jsencrypt
main.js
// 非对称加密
import JsEncrypt from ‘jsencrypt’
Vue.prototype.$jsEncrypt = JsEncrypt
Vue用element ui插件
https://blog.csdn.net/zhanghuiqi205/article/details/79619317
打包后解决图标出不来的情况
https://blog.csdn.net/weixin_40725601/article/details/89416177
用的第一种方法