vue
曉儂
学无止境!!不积小流,何以成江海!!
展开
-
yarn 常用命令
查看版本yarn --version安装依赖yarn install开发运行yarn serve生产打包yarn build原创 2021-03-30 23:58:36 · 216 阅读 · 0 评论 -
用npm安装yarn
Yarn是Facebook最近发布的一款依赖包安装工具。Yarn是一个新的快速安全可信赖的可以替代NPM的依赖管理工具快速安装//在NPM 中安装npm install -g yarnMacOS在Mac上安装比较方便,使用初始化脚本即可curl -o- -L https://yarnpkg.com/install.sh | bashLinuxPo主自己的机器是Ubuntu,安装比较简单sudo apt-key adv --keyserver pgp.mit.edu --recv D101转载 2021-03-30 23:43:05 · 777 阅读 · 0 评论 -
yarn : 无法加载文件 D:\websoftware\nodeJS\nodejs\node_global\yarn.ps1,因为在此系统上禁止运行脚 本。
PS E:\workProject2021\WpsProject\wps-view-vue> yarn inityarn : 无法加载文件 D:\websoftware\nodeJS\nodejs\node_global\yarn.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1yarn init +原创 2021-03-30 23:26:20 · 3487 阅读 · 2 评论 -
el-dialog 里面的组件不刷新问题
el-dialog里面的内容是带缓存的,也就是说除了第一次打开会初始化,其他次打开都是直接加载缓存的。我们想每次打开el-dialog都要初始化,比如用户的权限弹框,每次打开我们都要把用户拥有的权限选中,类似的操作,如果加载了缓存,这就会导致每个用户回填的权限都一样了。如果我们在每次关闭弹框时把弹框里面的内容删掉,这样打开时就会初始化了。查阅了 Dialog 对话框 相关文档:文档中有,我们可以设置为 :destroy-on-close=“true” 试一试。<el-dialog转载 2021-01-23 12:04:13 · 3242 阅读 · 2 评论 -
Vue的devtools构建错误npm ERR! code ELIFECYCLE解决办法
工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧最近安装使用vue的devtools工具打包构建即:npm run build报错信息npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! vue-devtools@5.3.3 build: `cd packages/shell-chrome && webpack --progress --hide-modules`npm ERR! Exit s原创 2020-12-17 16:48:38 · 695 阅读 · 1 评论 -
Nodejs安装及环境配置
nodejs 官网下载地址https://nodejs.org/zh-cn/download/.msi和.zip格式区别:.msi是Windows installer开发出来的程序安装文件,它可以让你安装,修改,卸载你所安装的程序。说白了.msi就是Windows installer的数据包,把所有和安装文件相关的内容封装在一个包里。.zip是一个压缩包,解压之后即可,不需要安装下载完成后,双击安装包,开始安装,一直点next即可,安装路径默认在C:\Program Files下,也可以自定义修原创 2020-11-28 14:45:41 · 140 阅读 · 0 评论 -
vue开发----npm run dev 报错:missing script:dev
1.运行报错2.解决办法打开相应项目根目录下的 package.json 文件, 文件内容如下:在script里,并没有dev,而是serve,应该用 npm run serve 命令运行vue项目。...转载 2020-01-19 14:23:55 · 207 阅读 · 0 评论 -
vue加载显示{{xxx}}的解决方法
一般vue.js文件放在最后,由于浏览器是从头到尾的渲染机制,在没有读取到识别符对应的js控制语句就会直接显示{{xxx}}这个问题可以用vue的一个特点解决,就是Vue会自动屏蔽掉自定义属性我们可以为对应的dom节点添加一个自定义属性,比如 dom-hidden(官方:v-cloak)然后css定义 : [dom-hidden]{ display:non...转载 2019-03-19 11:01:30 · 1661 阅读 · 0 评论 -
vue — 创建vue项目
vue本地引用在官网下载vue.js,通过script标签引入。开发版本:https://vuejs.org/js/vue.js 包含完整的警告和调试模式生产版本:https://vuejs.org/js/vue.min.js 删除了警告,30.90KB min+gzip注意:在开发环境下不要使用压缩版本,不然你就失去了所有常见错误相关的警告! vue.min.js,这是一个更小的构建,可...转载 2019-01-31 10:38:37 · 544 阅读 · 0 评论 -
新建VUX项目命令
使用一下命令之前表示您的环境已经搭建好创建项目 vue init vuxjs/webpack 项目名称 ////创建一个基于”vuxjs/webpack”的项目,后面是项目名 cd 项目名称安装VUE CLInpm install -g vue-cli<1>. 在项目里安装vuxnpm install vux –save<2>. 安装vux...原创 2018-07-31 09:40:38 · 533 阅读 · 0 评论 -
对vue中 默认的 config/index.js:配置的详细理解 -【以及webpack配置的理解】-config配置的目的都是为了服务webpack的配置,给不同的编译条件提供配置
当我们需要和后台分离部署的时候,必须配置config/index.js:用vue-cli 自动构建的目录里面 (环境变量及其基本变量的配置)var path = require('path')module.exports = { build: { index: path.resolve(__dirname, 'dist/index.html'), assetsR...转载 2018-07-05 14:14:37 · 360 阅读 · 0 评论 -
使用vue2.0创建的项目的步骤
1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装,请百度//检查是否有node.js npm vuewin+r 输入cmd 输入node -v 回车 会出现node,js的版本输入npm -v 回车 会出现npm的版本输入vue -V 回车 会出现vue的版本2.安装vue: [plain] view plain copy n...转载 2018-07-05 14:06:55 · 259 阅读 · 0 评论