![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
平凡的小武
设计师
展开
-
vue之vue-cli构建一个简单的路由应用
开发环境搭建好之后,那么开始新添加一些页面,构建最基本的vue项目,本章会手把手教你用vue-cli构建一个简单的路由应用。1:启动项目,启动之后,第一个vue项目环境搭建成功npm run dev图片.png2:创建后目录结构如下:图片.pngbuild 项目构建(webpack)相关代码config 配置目录,包括端口号等。我们初学可以使用默认的。...转载 2019-06-15 22:52:55 · 206 阅读 · 0 评论 -
vue项目配置less
1.安装npm i less less-loader -S2.更改配置文件build/webpack.base.conf.js在module.export暴露的对象中,为module的rules添加如下配置:{ test: /\.less$/, loader: "style-loader!css-loader!less-loader",},配置好后如下:3.使用在s...转载 2019-06-15 22:59:35 · 2795 阅读 · 0 评论 -
如何搭建一个vue项目
一、安装node环境 1、下载地址为:https://nodejs.org/en/ 2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/ 输入:npm install -g cnpm –registry=https://registry.npm.taobao.or...转载 2019-06-16 00:00:21 · 294 阅读 · 0 评论 -
VUE 路由配置(包含main.js index.js APP.vue 三大配置)
main.jsimport Vue from 'vue'import App from './App'import router from './router'import Element from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(Element);Vue.config.produ...转载 2019-06-16 07:07:03 · 3150 阅读 · 0 评论