vue项目创建流程

图形化界面创建项目

1.vscode终端：cd vueProject

2.vue ui  利用图形化界面方式创建

3.左侧更多：项目管理器，点击tab栏创建：选择vueProject路径，点击下方创建

4.项目文件夹：vue_shop，如果使用git的话，init project，下一步

5.手动：babel，Router，Vuex，Linter，使用配置文件

6.ESLint+Standard config，Lint on save

7.界面化安装element-ui插件，左侧：插件->查找插件->vue-cli-plugin-element，选中，进行安装

8.配置插件：import on demand：按需导入

9.界面化安装axios：依赖->安装依赖->上方运行依赖->axios->选中安装

10.启动：任务->serve->运行->启动app

托管到码云上：

码云：gitee.com

先配置码云SSH公钥

1.先设置SSH公钥，才可以上传和下载代码，点击怎样生成公钥-仓库管理-生成/添加ssh公钥

2.复制   ssh-keygen -t rsa -C "[email protected]" 后面的替换为自己账号邮箱

3.本机cmd窗口 将上方的粘贴进来，三次回车，有一个路径存放pub文件，打开此文件，复制到码云中ssh公钥中

4. ssh -T [email protected] 复制到命令行窗口，是否添加到可信列表中，yes

配置码云仓库

1. + 新建仓库 创建

2.复制下面命令在cmd窗口中执行

git config --global user.name "xxx"

3.复制执行

git config --global user.email "[email protected]"
4.
进入项目文件夹中vue_shop shift+右键，打开powershell 

5.git status  检查下项目状态，有没有未提交的

6. 若有提交的  git add .

7. git commit  -m  "add files"

8.再次检查  git status

9.执行git remote add origin https://gitee.com/osxxx/vue_shop.git

10. 本地仓库与远程长裤作一个关联 git push -u origin master 输入用户名和密码 这样本地仓库就上传到码云中，刷新码云查看

命令创建项目：

1.vscode终端：cd vueProject

2.创建项目：vue create vue_shop

3.选择Manually select features 手动选择配置

4.空格选择：Babel，Router，Vuex，Linter/Formatter，CSS Pre-processors

5.是否选用history mode for router? no

6.Less或者Sass/SCSS with node-sass

7.格式化配置 ESLint+Prettier

8.Lint on save

9.使用独立的配置文件 in dedicated config files

10.是否保存预设，保存不保存都可以

11.启动命令：npm run serve

区别：

图形化创建出来的没有.eslintrc.js文件，需要手动创建

vue.config.js都需要手动创建