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",
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容