时间:2021-05-26
一丶项目配置
1. 创建身份证文件
2. 安装webpack webpack-cli webpack-dev-server(全局)工具
3. 安装,配置vue vue-loader vue-template-compiler less-loader css-loader style-loader less
4. 构建项目目录,更改配置文件
./index.html //页面文件
<div id="app"></div> <script src="dist/bundle.js"></script>./package.json //身份证文件
'dev':'webpack-dev-server'
./webpack.config.js //配置文件
配置webpack和webpack-dev-server,也可通过vcode插件
配置vue-loader,
配置 less-loader
配置vue别名
5.cmd 中 npm run dev 跑一下
现在就已经启动wepack-dev-server了,127.0.0.1:8080页面就能够实时更新啦!!
总结
以上所述是小编给大家介绍的Vue起步(无cli)教程详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
vue-cli卸载,版本选择,安装·检测(图文教程:vueCli环境删除与重装)重要说明:vue-cli3.0+版本,使用的不是vue-cli,而是@vue/c
这次给大家带来vue-cli3.0配置及使用详解,写给需要的朋友。VueCLI是一个基于Vue.js进行快速开发的完整系统,提供:通过@vue/cli搭建交互式
这次给大家带来vue-cli3.0配置详解,使用vue-cli3.0配置的注意事项有哪些,下面就是实战案例,一起来看一下。新建项目#安装npminstall-g
详解win7cmd执行vue不是内部命令的解决方法通过全局安装vue-clinpminstall--globalvue-cli在cmd中运行vue提示不是内部命
vue-router路由基础的详解今天我总结了一下vue-route基础,vue官方推荐的路由。一、起步HTML简单路由GotofooGotobar//渲染出口