vue-cli安装
npm install vue-cli -g
vue-cli的版本查看
vue -V
vue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安装命令安装的并不是最新版的3.0+的,而如果安装3.0的话就需要使用新的
npm install @vue/cli -g
如果原来已经安装了vue-cli的话需要先卸载原来的安装
npm uninstall vue-cli -g
1:若你已安装过vue-cli2的话,你得先卸载掉,命令如下
//首先查看是否已安装过vul-cli
vue -V
//如是有的话,就用下面命令卸载
npm uninstall vue-cli -g
2:安装vue-cli 4.0.5
//一键初始化项目
npm init -y
// 安装vue-cli
npm install @vue/cli -g
//也可使用cnpm 来安装 ,比较快些
cnpm install @vue/cli -g
3:创建一个项目
//1.命令 回车
vue create 项目名
//2.选择自定义配置 Manually select features
//3.选择你需要的配置
Babel (必选)
TypeScript(项目中使用ts开发的话,就勾选)
Progressive Web App (PWA) Support (接口缓存,优化项目)
Router
Vuex
css Pre-processors (css预处理器,需要)
Linter / Formatter (代码格式,一般默认选中)
Unit Testing (代码测试)
E2E Testing(需求界面测试)
//4.根据你选的配置进行Y/N选择
//5.选择完之后,就可以运行项目
npm run serve
要安装Angular CLI你需要先安装node和npm,然后运行以下命令来安装最新的Angular CLI:注意:Angular CLI 需要Node 4.X 和 NPM 3.X 以上的版本支持。
在webpack.base.conf.js里加入(新版的可能找不到这个文件,你可以npm install webpack --save-dev进行手动安装),在module.exports的最后加入,在main.js 引入,新版直接在main.js 引入
最近遇到一个更新了 package,但是本地编译打包后没有更新代码的情况,先来复现下这个 case 的流程:翻了那些 issue 后,基本知道了是由于 webpack 在编译代码过程中走到 cache-loader 然后命中了缓存,这个缓存是之前编译的老代码
配置全局cdn,包含js、css,开启Gzip压缩,包含文件js、css,去掉注释、去掉console.log,压缩图片,本地代理,设置别名,vscode也能识别,配置环境变量开发模式、测试模式、生产模式
vue 开发过程中,保存一次就会编译一次,如果能够减少编译的时间,哪怕是一丁点,也能节省不少时间。开发过程中个人编写的源文件才会频繁变动,而一些库文件我们一般是不会去改动的。如果能把这些库文件提取出来,就能减少打包体积,加快编译速度。本文主要讲述在 vue-cli3 中利用 DllPlugin 来进行预编译。
打包后的文件要在服务器中运行 解决方法:放在服务器中打开,依次在终端执行下面命令;vue cli3 在项目根目录内vue.congfig.js文件(如没有,自行创建)加上如下代码
vue-cli致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性,无需 eject
编写自己的cli工具,一行命令,3秒钟进入coding状态!看完本文,你将学会如何从零开发一个cli项目,如何上传到github库,以及如何使用npm发布自己的包。
最近准备开发一款web应用,考虑到可能会有前后端并行开发的场景,所以决定使用mockjs做mock server。浏览官网文档时发现没有跑在webpack上的例子,索性自己找方法解决。当前端工程师需要独立于后端并行开发时,后端接口还没有完成,那么前端怎么获取数据?
Vue很优雅,没太多废话和周折,代码漂亮,思路清晰,大赞!上手比较快。Vue.js 因其性能、通用、易用、体积、学习成本低等特点已经成为了广大前端们的新宠。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!