vue建项目

一 安装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
用的第一种方法

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值