全局安装环境 安装webpack npm install webpack -g 安装vue脚手架 npm install -g @vue/cli-init 初始化vue项目 vue init webpack [projectName] 注意: vue不是内部命令错误修复。全局搜索vue.cmd,将此 ...
分类:
其他好文 时间:
2020-06-14 10:27:49
阅读次数:
68
vue-cli脚手架创建vue项目 安装脚手架 使用以下命令安装vue-cli脚手架 npm install -g @vue/cli # OR yarn global add @vue/cli 使用vue --version查看版本,看是否安装成功 创建项目 可视化创建项目,简单方便(但是只有ac格 ...
分类:
其他好文 时间:
2020-06-13 19:30:27
阅读次数:
70
执行npm uninstall vue-cli -g首先要在管理员cmd下执行,如果卸载后查看vue版本还是2.9.6的话,需要先清除一下缓存,执行命令npm cache clean --force后再执行一遍卸载命令这个时候查看版本就会提示不是内部或外部命令,这个时候再执行npm install ...
分类:
其他好文 时间:
2020-06-12 18:41:04
阅读次数:
91
PowerShell构建 # 进入项目目录cd ./source # 安装依赖npm install --registry=https://registry.npm.taobao.org # 打包项目npm run build # 清空目录rm -r D:\vue\* # 复制文件cp -r D:\ ...
分类:
其他好文 时间:
2020-06-11 18:16:44
阅读次数:
129
目录: 1、Hello Vue 2、单文件组件 3、命名规范 做一个八皇后小游戏,做的过程中展开介绍 Vue 的知识点。 Hello Vue Vue CLI 是 Vue.js 开发的标准工具,可以通过npm install -g @vue/cli 或者 yarn global add @vue/cl ...
分类:
其他好文 时间:
2020-06-09 12:56:00
阅读次数:
72
在使用scss是可能会添加loader,例如 { test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader'], } 然而当使用vue-cli脚手架创建项目时,可能出现如下错误: Invalid CSS after "...l ...
分类:
Web程序 时间:
2020-06-07 13:14:01
阅读次数:
85
node.js 1.从官网下载 http://nodejs.cn/download/ 2.傻瓜是“下一步”安装 3.安装完成 vue npm install vue vue-cli npm install -g @vue/cli ...
分类:
其他好文 时间:
2020-06-05 21:17:33
阅读次数:
81
vue-cli3是基于webpack4打造,vue-cli2是基于webpack3 vue-cli3的设计原则是“0配置”,移除(隐藏)配置文件build和config等目录 vue-cli3提供了vue ui 命令,提供了可视化配置 vue-cli3移除了static文件夹,新增了public文件 ...
分类:
其他好文 时间:
2020-06-05 09:13:40
阅读次数:
92
做移动端时,适配 是必须的。使用rem单位,可在不同屏幕上完美显示相同的布局。px2rem 插件方便的将px单位转为了rem。 1. 自己手动构建vue webpck配置 我们在开发过程中,我们在css文件中,直接按设计稿,直接以px像素为单位,然后在真正的应用中,我们想让px自动转制为rem单位, ...
分类:
Web程序 时间:
2020-06-04 19:21:17
阅读次数:
98
cube-ui官网:https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start 要求:vue-cli >= 3 安装:vue add cube-ui 安装过程:有些选项需根据需要选择。 注:使用了amfe-flexible。页面使用px就会自动转为 ...
分类:
其他好文 时间:
2020-06-04 15:24:43
阅读次数:
92