Vue 项目初始化

利用 vue-cli 初始化项目

vue init webpack hello：基于webpack来构建一个名称为hello的vue项目
Project Name：要创建的项目名称（该命令会生产一个package.json文件，文件中的name选项就是这个ProjectName，默认为当前创建的项目目录名称，也可以自行制定（但是需要符合package.json中name命名规则，不要出现大写字母，空格，下划线，可以使用 - ）
Project Description：项目简介，也会出现在package.json文件中,可选
Author：作者，可选
Install vue-router：是否安装vue路由组件，做项目的话一定要安装
Use ESLint to lint your code：是否需要使用ESLint模块进行代码检测
Setup unit tests with Karma + Mocha?：是否安装测试（单元测试）
Setup e2e tests with Nightwatch?：是否安装端到端的测试

运行

启动项目，运行

yarn run dev / npm run dev：开启一个测试开发环境
npm run build : 构建项目，把项目进行打包，我们可以把项目打包后的文件上传到服务器

安装常用插件

element-ui

安装:npm i element-ui -S

引用:

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

less

安装:npm i less less-loader -S

引用: 更改配置文件build/webpack.base.conf.js 在module.export对象中，为module中的rules添加如下配置：

{
  test: /\.less$/,
  loader: "style-loader!css-loader!less-loader",
}

axios

安装: npm i axios

引用:

import axios from 'axios'

axios.defaults.baseURL = 'http://localhost:5757/api/';
Vue.prototype.$http = axios

语言

Vue 项目初始化

利用 vue-cli 初始化项目

运行

安装常用插件