图形化界面创建项目
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 "xxxxx@xxxxx.com" 后面的替换为自己账号邮箱
3.本机cmd窗口 将上方的粘贴进来,三次回车,有一个路径存放pub文件,打开此文件,复制到码云中ssh公钥中
4. ssh -T git@gitee.com 复制到命令行窗口,是否添加到可信列表中,yes
配置码云仓库
1. + 新建仓库 创建
2.复制下面命令在cmd窗口中执行
git config --global user.name "xxx"
3.复制执行
git config --global user.email "xxxx@qq.com"
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都需要手动创建