当前位置：首页 > news >正文

做网站费/郑州网站推广公司

news 2025/6/30 10:52:40

做网站费,郑州网站推广公司,做论坛网站备案吗,wordpress做cms网站一、前期工作准备 1.安装node,官网https://nodejs.org/en/,安装完毕后,使用cmd 命令 node -v，如果成功会出现版本号,如v0.10.11 2.配置npm的全局模块的存放路径以及cache的路径：在nodejs文件夹中创建两个文件夹，”node_global”及”node_ca…

一、前期工作准备

1.安装node,官网https://nodejs.org/en/,安装完毕后,使用cmd 命令 node -v，如果成功会出现版本号,如v0.10.11

2.配置npm的全局模块的存放路径以及cache的路径：在nodejs文件夹中创建两个文件夹，”node_global”及”node_cache

3.打开cmd.输入如下命令

npm config set prefix "F:\ToolApp\nodejs\node_global"
npm config set cache "F:\ToolApp\nodejs\node_cache"
4.环境变量(模块存放位置,命令非有效命令-全局路径)

NODE_PATH F:\ToolApp\nodejs\node_global\node_modules

5.安装Vue2

npm install -g vue-cli //(安装VUE的脚手架)
npm install -g cnpm --registry=https://registry.npm.taobao.org//淘宝镜像,后面直接使用cnpm指令
Cnpm 命令指令失效,需要在环境变量 path 中加F:\ToolApp\nodejs\node_global,之后重新打开cmd窗口

二、创建项目

存放项目的路径上,输入cmd,直接进入到文件夹中

创建vue工程,在打开的cmd中按以下操作输入命令

出现这个vue页面代表成功

安装Element,命令如下

修改webpack.config.js文件,添加以下element框架特殊的文件格式，|eot|woff|woff2|ttf

使用VUE2构建页面，首先在main.js注册element-ui

import eleui from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(eleui)
在App.vue中布局,网站: http://element-cn.eleme.io/#/zh-CN/component/installation

三、构建页面

1.制作模块(部件)

2.使用组件

效果如下:

3.使用路由切换页面

安装路由vue-router,指令 cnpm install vue-router -S，在src目录下创建router目录,在router目录下创建index.js

在main.js文件中导入路由文件并使用

还有其他路由的用法,可去官网查询文档,这里不多解释, https://router.vuejs.org/zh/

四、在Vue2中使用Ajax

安装axios,命令 cnpm install axios -S

在main.js中引入axios，将axios改写为Vue的原型属性

import axios from 'axios'
Vue.prototype.$ajax=axios;
发送请求