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",
}