vue-cli创建vue3.X
下载node.js
官网下载,版本号为14.17.3
查看node和npm版本
node -v
npm -v
安装vue-cli
npm install -g @vue/cli
vue -V
查看vue-cli版本
创建项目
命令创建
vue create XXX
选择手动创建
选择要装的组件,Babel为js编译器、Router是vue的路由,Vuex管理Vue组件的状态,CSS Pre-processors为css预处理(即sass/scss)。
选择版本3.X
选择router插件用h5的history模式
选择css预处理方式,Sass/SCSS,这里不要再选择node-sass,一定要使用dart-sass。node-sass底层依赖 libsass,导致很多用户安装的特别的困难,尤其是 windows 用户,它强制用户在windows环境中必须安装python2和Visual Studio才能编译成功。
选择配置文件用package.json
是否把此次设置变成预选方案,方便下次新建项目时使用
创建完成
UI界面创建
vue ui
新建项目
输入项目名
还是一样,选择手动
选择插件,并让插件使用独立的配置文件
各插件的配置选择
不保存预设
部署
npm run dev 是用来在本地开发的时候做调试用的,vue开发的是前端的东西,不是nodejs服务端程序,生产环境里不该存在npm,甚至nodejs也不需要(用nodejs来做web静态服务的除外),正确的做法很简单,通过npm run build把生成的dist文件夹(不要上传文件夹)里的内容上传到http服务器上就可以通过http来访问了,开发机上正常,上传以后程序出现错误不能运行的原因99.99%的可能性是你引用资源的路径有问题。
部署到tomcat
在项目根目录下新建vue.config.js文件,添加如下内容
module.exports = {
publicPath: "./"
}
然后
npm run build
不定期安利各种插件,编程技巧,编程思想,欢迎交流~
原文地址:https://www.cnblogs.com/aeolian/p/15011011.html
- 可直接运行
- Ryu:网络时延探测应用
- box布局
- Event Loop
- 把图片变成字体,然后在引入到网页
- Flutter环境搭建
- java.net.ConnectException: Call From slaver1/192.168.19.128 to slaver1:8020 failed on connection exc
- 18/03/18 04:53:44 WARN TaskSchedulerImpl: Initial job has not accepted any resources; check your clu
- 技术干货 | Hadoop3.0稳定版安装攻略来啦!
- ios逆向工具MonkeyDev简介
- 自定义下拉列表
- 身份证号码验证算法
- 技术干货 | hive安装部署
- js图片的预加载功能
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法