网站上的图分辨率做多少,广告联盟挂机,中国建设工程项目网,做网站怎么招广告目录
1.下载nodejs v16.x
2.设置淘宝镜像源
3.安装脚手架
4.创建一个项目
5.项目修改 代码地址#xff1a;source-code: 源码笔记
1.下载nodejs v16.x
下载地址#xff1a;Node.js — Download Node.js
2.设置淘宝镜像源
npm config set registry https://registry.…目录
1.下载nodejs v16.x
2.设置淘宝镜像源
3.安装脚手架
4.创建一个项目
5.项目修改 代码地址source-code: 源码笔记
1.下载nodejs v16.x
下载地址Node.js — Download Node.js®
2.设置淘宝镜像源
npm config set registry https://registry.npmmirror.com/
3.安装脚手架
vue2.x语法参考官网后续更新3.x教程介绍 — Vue.js
安装 | Vue CLI
npm install -g vue/cli# 可以用这个命令来检查其版本是否正确
vue --version
可能发生的问题 vue : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1因为在此系统上禁止运行脚本 解决 搜索powershell以管理员的身份运行 输入下面的指令set-ExecutionPolicy RemoteSigned 选择y 4.创建一个项目
创建一个项目 | Vue CLI
vue create vue # 启动
cd vue
npm run serve
5.项目修改 # 修改vue/vue.config.jsconst { defineConfig } require(vue/cli-service)
module.exports defineConfig({devServer: {port: 7000},chainWebpack: config {config.plugin(html).tap(args {args[0].title oslee好帅return args})}
})
# vue/src/App.vuetemplatediv idapprouter-view//div
/template
# vue/src/views/HomeView.vuetemplatediv主页/div
/templatescript
export default {name: HomeView,
}
/script
# vue/src/router/index.jsimport Vue from vue
import VueRouter from vue-routerVue.use(VueRouter)const routes [{path: /,name: home,component: () import(/* webpackChunkName: about */ ../views/HomeView.vue)}
]const router new VueRouter({mode: history,base: process.env.BASE_URL,routes
})export default router
# vue/src/assets/css/global.css* {box-sizing: border-box;
}
body{color: #333;font-size: 14px;margin: 0;padding: 0;
}
6.安装Element-UI
Element-UI网址Element - The worlds most popular Vue UI framework
# 设置淘宝镜像
npm config set registry https://registry.npmmirror.com/# 查看npm镜像
npm config get# 也可安装nrm管理npm镜像
npm install nrm -g# 切换镜像并查看
nrm ls
nrm use taobao
nrm current# 安装element-ui
npm i element-ui -S 7.引入Element-UI
在main.js中写入以下内容
import Vue from vue
import App from ./App.vue
import router from ./router
import /assets/css/global.css
import ElementUI from element-ui;
import element-ui/lib/theme-chalk/index.css;Vue.use(ElementUI, {size:small});new Vue({router,render: h h(App)
}).$mount(#app)
