vue-cli3.0,vue-cli4.0搭建项目流程,git克隆项目流程
发布日期:2021-05-14 14:31:43 浏览次数:20 分类:精选文章

本文共 2777 字,大约阅读时间需要 9 分钟。

������node.js���vue-cli3.0���������������

������������������������������������������������������������������vue-cli3.0������������

1. ������node.js

���������node.js���������������������������������������������������������������������������������������������������������������node.js���������������������

node -v

2. ������vue-cli3.0

���������������������������vue-cli2.0������������������������������������������������vue-cli3.0���

npm install -g @vue/cli

3. ������������

���������������������������������������������

vue create myProject

������������������������������������������������Enter���������������������������������������������������������������������������������������

4. ������������

������������������������������������������������������������������������

npm run serve

������������Package.json���������������serve scripts���������dev���

{
"scripts": {
"dev": "vue serve",
"build": "vue build",
"preview": "vue preview"
},
// ...
}

5. ������vue-router

���������������������������������vue-router���

npm install vue-router --save

6. ������SCSS���������������

������������������������������������������������

npm install --save-dev \
sass-loader@^1.4.0 \
style-loader@^1.1.0 \
css-loader@^4.0.0 \
extract-text-webpack-plugin@^4.6.0 \
node-sass@^4.8.0

������������������������������������������������������

7. ������Vuex������������������

���������������������������������������Vuex���

npm install vuex --save

������������������������������������������������

  • /src/store/index.js���������Vuex���������������
  • ������������������main.js������������store������

8. ������axios������������������

������������http���������������axios���

npm install --save axios vue-axios

9. ������echarts������������

���������������������������echarts���

npm install --save echarts@4.8.0

������main.js���������������


������������������GitHub

���������������������������������������������������������GitHub���

  • ���GitHub���������������������

    • ���������������������������������������������������������������
  • ���������������SSH���������

    • ���GitHub������������������������Clone������������������SSH������
  • ������������������������������������������

    git clone your-ssh-address

    ���������������������������������������

  • ���������������������������������������������SSH���������������������������SSH���������

    • ������GitBash������������
      git config --global user.name "���������������"
      git config --global user.email "������������"
    • ������������������
      ssh-keygen -t rsa -C "������������"
    • ���������������������������GitHub���������ssh������������������������������������������
  • ���������������������������������

    git add .
    git commit -m "������������������"
    git push
  • ���������������������������������������������������������GitHub������������������������������������������������������

    上一篇:cordova+android studio+vue使用过程中问题总结
    下一篇:<el-form>的<el-form-item>使用自定义label的写法

    发表评论

    最新留言

    路过,博主的博客真漂亮。。
    [***.116.15.85]2025年04月18日 15时30分47秒