vue创建+elementUI

vue创建

  1. vue官网
  2. 在cmd命令行输入vue ui
    在这里插入图片描述
    在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
3.等待项目创建即可
在这里插入图片描述
4.创建好之后,用vscode打开
5.使用gitee来托管项目
6.创建gitee仓库

在这里插入图片描述
7.在vscode中通过控制台提交代码,首先初始化git init
8.git add .将所有的文件提交到暂存区
9.git status可以查看文件的状态
10.git commit -m "21年4月4日提交代码"将暂存区的文件提交到本地仓库
11.git remote -v查看远程地址
12.git remote add origin [email protected]:xiaominggitee-123/rnw-vue.git配置远程地址**(SSH方式不需要写密码)**
在这里插入图片描述
在这里插入图片描述
13.git push -u origin master本地仓库的文件push到远程
在这里插入图片描述
14.当有文件修改时,需要重新提交,命令依次为:

  • git status 查看文件的状态
  • git add . 文件提交到暂存区
  • git commit -m "修改的内容" 将暂存区的内容提交到本地
  • git push 将本地的内容提交到远程仓库
  • git status 再次查看文件的状态

elementUI

  1. element UI官网
  2. 在终端输入命令行 npm i element-ui -S
  3. 再次输入npm install就可以使用了
  4. 查看官网的使用,在终端输入npm run serve即可
  5. ctrl+c表示终止操作

CSS预处理器

  1. css预处理器是一门新的语言,开发者使用这种语言进行css编码,将css作为目标生成文件
  2. 在项目开发中不直接使用css,都是使用css预处理器:SASS,LESS...
  3. 项目中使用less进行样式编辑,在终端输入npm install --save-dev less-loader less
  4. xxx.vue中写入
<style lang='less' src='' scoped>
</style>

猜你喜欢

转载自blog.csdn.net/weixin_54236608/article/details/115425759