笔记1.1：vue-cil脚手架工具创建项目

本文主要是介绍笔记1.1：vue-cil脚手架工具创建项目，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

使用工具

vue、vue-cil、webpack

vue-cil脚手架创建项目

1.创建一个空文件夹tmWebView

2.安装创建项目需要的环境

// 安装webpack$ npm install --save-dev webpack
// 安装vue、vue-cil$ npm install vue vue/cil -g;

3.运行创建项目命令

// 创建项目tm-web-view$ vue init webpack tm-web-view

然后根据自己的需求选择项目配置

4.运行项目

//  vue/vil@2.x $  npm run dev//  vue/vil@3.x $  npm run serve

5.效果

配置开发环境

1、在项目中引入less预处理器
1.1.安装 npm install less-loader@5.0.0 less
1.2. 在webpack.base.config.js 里边的rules中添加指定代码：

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

1.3.将style标签加入lang=less

这篇关于笔记1.1：vue-cil脚手架工具创建项目的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---