本人使用deepin桌面操作系统，webstorm作为IDE安装node+npm直接上官网下载https://nodejs.org/en/解压，把文件夹拷贝到/usr/local中做两个软链，把bin文件夹的npm和node放到/usr/local/bin中安装cnpm注意分两部进行，以及sudo获取管理员权限，否则报错。sudo npm config set registry "...
原创
2021-08-04 10:33:15
262阅读
* 确认node安装好, npm可用
node -v
npm -v
* 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
* 安装vue-cli
cnpm install -g vue-cli
vue -V
* 创建项目my-vue
vue init webp...
原创
2021-08-13 11:42:23
232阅读
文章目录下载 Vs Code安装完毕，安装插件auto close：简体中文包Es语法检查插件html cssjs实时服务器在浏览器打开页面vue支持
原创
2022-02-15 14:32:58
67阅读
安装完毕，安装插件auto close： 简体中文包 Es语法检查插件 html css js 实时服务器 在浏览器打开页面 vue支持
原创
2021-06-03 20:07:41
212阅读
Vue 构建vue项目的开发环境配置 初始化一个vue项目操作命令如下： // 安装node.js，内含npm，Node.js官网：https://nodejs.org/en/ 。 // 设置npm镜像cnpm命令行工具 npm install -g cnpm --registry=https:// ...
转载
2021-08-10 14:41:00
391阅读
2评论
版本：vue 2.6.11vue/cli 4.5.13.env 和 .env.development1. 文件类型
.env 全局默认配置文件，不论什么环境都会加载合并
.env.development 开发环境下的配置文件
2. 命名规则
属性名必须以VUE_APP_开头，比如VUE_APP_NAME
3. 文件的加载
根据启动命令vue会自动加载对应的环境，vu
转载
2024-02-29 14:23:50
63阅读
Vue2.0 新手完全填坑攻略——从环境搭建到发布
原创
2021-07-16 10:23:15
10000+阅读
概要 用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它
原创
2021-07-22 15:43:59
96阅读
ESLint介绍什么是eslint:ESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目。eslint的目标是提供一个插件化的 JavaScript代码规范检测工具。目标：全部开发人员编写javascript代码的时候保持一种统一风格。好处：提升项目开发速度、增强代码可维护性。应用了解eslint具体代码规范官网参考https://cn.eslint.org/如果
转载
2024-02-25 07:09:48
97阅读
1.前提前提是你已经创建过工程，已经有下面目录:.├── README.md├─
原创
2023-02-22 11:06:22
148阅读
【Vue 3.0】Vue介绍和开发环境安装与配置一、前言1.Vue是什么？Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的JavaScript框架。Vue.js（通常简称为 Vue）采用了组件化的架构，允许将一个复杂的用户界面分解为多个可复用的组件，每个组件都有自己的 HTML 模板、JavaScript 逻辑和 CSS 样式。这使得开发人员可以更加高效地组织和管理代码，
File --> settings --> Editor --> Inspections --> Sass/SCSS --> 取消Missing import的勾选。在 Languages & Frameworks --> Webpack中配置webpck.base.conf.js。新建npm,Name可以自定义一个名字，script选择启动项目的指令。
原创
2022-09-03 01:05:37
1428阅读
开发环境配置一般情况下开发环境是会跨域的，所以我们只需要在跨域的位置配置即可。进入config/index.js，在proxyTable对象里面添加代码，如下'/api': {
target: 'http://localhost:8082', //开发环境,设置调用接口域名和端口号别忘了加http
changeOrigin: true,
pathRe
转载
2021-05-10 22:35:05
3439阅读
2评论
前提条件： 1、安装node.js "https://nodejs.org/en/" 下载安装合适的平台 2、安装npm 第一步：初始化项目 新建文件夹 E:\app 推荐vue项目目录结构： config 全局变量 dist 编译后的项目代码 src 项目源码 apis api封装 compone
原创
2021-07-28 17:50:21
359阅读
你说得完全正确！目前 Volar 的维护者已经将 Vue 的官方支持插件统一到了新的扩展 —— Vue - Official，我们现在应该使用这个新版本来获得最好的 Vue 3 + TypeScript 开发体验。✅ 正确做法：使用新版 Vue - Official 插件? 插件名称（新官方推荐）：? 搜索：Vue - Official? 作者：Vue Language Tea
前言：大概两个月前投身于一个项目中去，项目是一个移动端的项目，所选用的框架是时下比较流行的vue。这篇文章也是针对这个项目和以前自己学习时的一些总结，包括一些通用的移动端开发要注意的事项、vue开发遇到的一些问题。本文的目的是为了在以后的开发中我们可以避免这些坑，提高我们的开发效率。 一、移动端开发特有问题：1、移动端样式的兼容性：在当前移动端的开发要面对各种不同的手机，不同的手机DPI
转载
2023-07-14 10:33:44
204阅读
手把手Vue前端开发教程本文将手把手地教你如何使用Vue进行前端开发。简介 Vue.js 是一款渐进式 JavaScript 框架，易于上手。Vue 可以被用来开发单页面应用 (SPA) 以及简单的 UI 组件。Vue 的核心库只关注视图层，并且非常容易学习和集成到其他库或项目中。环境准备 在开始使用 Vue.js 之前，你需要在本地安装 Node.js 和 npm 包管理器。 可以通过以下命令检
转载
2024-01-04 18:50:44
25阅读
主要用到的是一款基于 VUE-CLI 3.0 + 的 Electron 插件式开发工具：electron-builder 步骤： 1、安装VueCli npm install -g @vue/cli 2、创建vue项目 vue create app 3、在vue项目的根目录下创建electron项目 ...
转载
2021-08-09 11:04:00
358阅读
2评论
最近要开始新的项目，前端是基于vue + elementui开发的 在配环境的时候遇到了一些问题，记录一下。1.既然是组件化开发，肯定要用npm来安装vue ， 以及其他的依赖， 所以首先要安装Node.js 。因为我是基于以前的项目进行的二次开发，所以node.js版本要与项目匹配，过高或者过低都会导致后面项目安装失败，比如我安装了最新的16.XX版本的node 发现执行过程会莫名其妙的失败，找
转载
2021-08-06 09:42:00
348阅读
需求 首先介绍一下本项目的背景，是基于 vue-cli3.1.1 的单页应用，目前测试环境和生产环境都在线上，并且都在同一个域名下，其中生产环境部署在根目录下，测试环境部署在名为 test 的子目录下，根据生产环境和测试环境的不同，某些界面和交互有细微的差别。 根据以上项目的基本情况，分析出需求如下
转载
2020-12-14 13:11:00
86阅读
2评论
