vue项目---一、项目创建和GITHUB托管

1、项目创建

（1）使用脚手架3创建项目（视频项目中vue cli v3.2.1）

vue create 项目名称

选择下项目创建时需要的组件

npm run serve 启动项目（启动项目的命令，可以查看package.json文件的script标签中的命令）

2、创建github仓库，并将远程仓库与本地项目代码联系起来

方式一：

将绿框中的内容复制下来，在项目的父母立下输入“git clone 绿框点的复制内容”，远程仓库的名字不能和本地代码项目的名字相同，否则会冲突

 将代码拷贝到clone下来的本地仓库中，可以在文件目录去拷贝，不需要拷贝.git文件过去，因为远程仓库已经有这个文件了然后执行

git add  .

git commit -m '初始化项目'                  提交到本地

git push                               提交到远程仓库

方式二

在git上创建一个远程仓库，通过git remote add。。。。。。命令将本地项目与远程项目关联

3、划分项目目录结构（创建一个新项目后，首先要做的事情）

4、css文件引入

normalize.css(github下载)

base.css中使用import关键字引入normalize.css样式

 （1）在app.vue中引入样式

@import "./assets/css/base.css";

（2）app.vue被main.js引用

5、为项目中的路径设置别名

在项目的根路径下创建一个vue.config.js文件

module.exports = {
  transpileDependencies: true,
  configureWebpack: {
    resolve: {
      alias: {
        'asserts': '@/asserts',
        'common': '@/common',
        'components': '@/components',
        'network': '@/network',
        'views': '@/views',
      }
    }
  }
}

4、设置项目的整体编码风格

.editorconfig