(一)vue安装

本文详细介绍如何使用Vue CLI快速搭建项目,并配置常用依赖如Vue Router、Element UI等。此外还介绍了项目的打包部署流程及如何利用Git将项目上传至GitHub。

在node基础上安装

npm install -g vue-cli

测试vue是否已安装,和可用模板

vue list

安装webpack模板

vue init webpack name   >> 大型项目
vue init  webpack-simple name   >> 一般自用

看需要y/n

运行vue

npm run dev

各种依赖看需求

npm i vue-router -D         >> 路由
npm i style-loader css-loader file-loader -D        >> css.style.file
npm i less less-loader stylus stylus-loader -D      >> less styl
npm i element-ui -D         >> el  pcUI 
npm i mint-ui -D            >> mint 移动端UI
npm i  axios -D             >> axios 交互
npm i vue-resource  --save  >> 交互
npm i vuex -D               >> vuex
{mapAction  获取,mapGetters   获取}

npm i better-scroll -save       >> scroll
npm i vue-jsonp -s      >> jsonp

打包vue

把config--index.js----assetsPublicPath: './'  加个点就可以了
npm run build
ok,直接预览index.html

git

上传github,只需dist文件夹即可
git init    # 初始化
git add .   # 把所有内容添加到索引库中,注意后面有个点
git commit -m "注释内容" 
git remote add origin git@github.com:个人/项目.git 
git push -u origin master

webpack
{
    test: /\.css$/,
    loader: 'style-loader!css-loader'
},
{
    test: /\.less$/,
    loader: "style-loader!css-loader!less-loader",
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值