vue项目的建立

 

1.cmd中输入vue ui进入图形界面

2.创建配置：项目名（英文）

　　　　　　初始化git仓库：输入init project

　　　　　　预设：可以选之前保存的，也可以手动配置项目

　　　　　　进入手动需要安装的功能(最基本):Babel、Router、Linter/Formatter、使用配置文件

　　　　　　配置面板中：Pick a linter/formatter config中选择ESLint + Standard config

3.至此，基本配置完成，可以在cmd中使用vue ui启动

4.安装必要的依赖和插件

　　插件：vue-cli-plugin-element(该插件配置中要将Fully import改为Import on demand，防止项目臃肿)

　　依赖：

　　　　运行依赖：axios

5.一定要安装webpack

　　(1)运行 npm i webpack  webpack-cli -D，安装webpack和webpack-cli

　　(2)为了实现vue单文件组件，一定要运行 npm i vue-loader vue-template-compiler -D，安装相应组件

　　(3)在src目录下新建webpack.config.js配置文件(空文件)，添加vue-loader的配置项：

　　　　

　　　　　　const VueLoaderPlugin = require('vue-loader/lib/plugin')

　　　　　　module.exports = {

    　　　　　　mode: 'development',

　　　　　　　　//确保引入该插件　　

    　　　　　　plugins: [new VueLoaderPlugin()],

    　　　　　　module: {

        　　　　　　rules: [

　　　　　　　　　　//规则

            　　　　　　{ test: /\.vue$/, use: 'vue-loader' }

       　　　　　　 ]

    　　　　　　}

　　　　　　}

　　(4)在package.json配置文件中的scripts节点下，新增dev脚本：　

　　　　"scripts": {

    　　　　"dev": "webpack",

　　　　}

6.可以选择向码云提交自己的代码

　　常用git命令：git branch

　　　　　　　　git status

　　　　　　　　git checkout

　　　　　　　　git checkout -b 新分支

　　　　　　　　git commit -m "message"

　　　　　　　　git push

　　　　　　　　git push -u origin "新分支"

　　　　　　　　git merge 分支