本文主要是介绍笔记1.1:vue-cil脚手架工具创建项目,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
创建Vue项目并放到gitee仓库
- 使用工具
- 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脚手架工具创建项目的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!