# vue脚手架

**Repository Path**: qbhe/vue-scaffold

## Basic Information

- **Project Name**: vue脚手架
- **Description**: vue2的脚手架
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-29
- **Last Updated**: 2024-05-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前端知识

## 参考内容：菜鸟教程

## 开发工具：VSCode

## 常用插件

    Chinese（中文插件）
    live serve（小型实时加载的服务器，可以将前端服务通过该插件启动，并且可以修改代码后可以实时刷新）
    vetur(Vetur是一个专为Vue设计的插件，提供了语法高亮、智能感知、Emmet等功能。此外，Vetur还支持代码格式化，你可以通过快捷键Alt+Shift+F来格式化全文，或者Ctrl+K Ctrl+F来格式化选中的代码)
    vue-helper插件
    git history 插件，可以查看git提交记录，在提交按钮旁边会出现一个时针按钮，即可查看提交记录

## 运行环境:node.js

    第一步确定版本。
    node -v 来验证是否安装成功

    安装成功后，会在左下角的开始菜单中出现"node.js"交互式终端环境-->直接在终端中输入 JavaScript 代码并立即看到结果。

    是运行在服务端的 JavaScript，基于 Google 的 V8 引擎，V8 引擎执行 Javascript 的速度非常快，性能非常好。

    Node.js 历史版本下载地址：<https://nodejs.org/dist/>  LTS(长期支持版本)

    使用 Node.js 的包管理器 npm：npm 是 Node.js 的包管理器，它允许你安装、管理和分享 Node.js 模块。你可以通过 npm 来安装和管理你项目所需的第三方库和依赖。NPM是随同NodeJS一起安装的包管理工具。npm -v 查看版本。

    在命令行中输入  npm install -g cnpm --registry=<http://registry.npm.taobao.org>  完成之后，我们就可以用cnpm（淘宝的，会快一点）代替npm来安装依赖包了。如果install过程中报错，卸载node.js,按照最新的版本即可
    
    注意：Linux 上安装 Node.js 需要安装 Python 2.6 或 2.7 ，不建议安装 Python 3.0 以上版本。

## Vue

    安装vue
        1、我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
        2、NPM 方法安装vue：cnpm install vue   由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm。

    安装vue-cli(命令行工具)
        全局安装 vue-cli （vue-cli是vue的脚手架，可以帮助快速生成vue项目的一个工具）
        $ cnpm install --global vue-cli

    查看vue的版本
         vue -V

    创建一个基于 webpack 模板的vue项目
        $ vue init webpack my-project

    这里需要进行一些配置，默认回车即可。因为vue cli使用的是npm源，所以要将其设置为淘宝镜像；npm config set registry https://registry.npm.taobao.org （一般公司内网有自己的npm源）

    下载依赖包（会生成node_modules目录，该目录可以删除，通过 npm install 后自动生成）
        npm install   或者  cnpm install

    启动项目，就可以在浏览器中打开页面
        npm run dev   或者cnpm run dev

    打包项目
        npm run build

## VsCode操作

    打开终端：ctrl+`  
        node -v 外面的cmd可以，vscode的终端不行(需要重启电脑。)
        vue -V  外面的cmd可以，vscode的终端不行 （需要以管理员权限打开windows powershell，输入set-ExecutionPolicy RemoteSigned，选择y或者a即可。）

## git操作

    创建新仓库，推送本地代码
        1、在github上手动创建仓库，复制仓库地址，使用git bash here执行git clone xx
        2、将本地仓库的代码复制到工作目录中，再使用vscode进行提交代码。

    已有仓库，拉取远程仓库代码
        1、进入git bash ,git clone xx到本地目录中。此时只有.git文件。
        2、执行git pull origin dev （dev为需要拉取的分支）