Vue基础配置讲解

环境为Centos7,首先下载nodejs和npm的压缩包,两个在一起的,解压后进入bin目录,用ln -s 命令把里面的npm和node软连接到/usr/bin/目录下,然后退出此目录,node -v查看版本及检查安装成功。

再次进入刚刚解压的bin目录,输入命令

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装淘宝镜像,此方法借鉴的菜鸟教程的vue教程。(安装完成后可能也要软连接一下)

安装webpack打包器,命令(安装完了同样可能要软连接一下,看你们自身情况)

cnpm install -g webpack

接下来安装vue-cli,键入命令

cnpm install --global vue-cli

这个安装完了可能也要软连接,

最后就可以创建工程了,创建个新文件夹存放vue工程,在此文件夹下输入

vue init webpack MyVueProject

然后就是一路enter,遇到一个Use ESLint的时候选no,要不然可能会遇到莫名其妙的错误

最后让你下载东西,选最后一个手动,他就叫你输入npm什么的,把npm换成我们的cnpm,后面的照抄,然后就差不多,不然npm下载会很慢。环境配置好了,项目也创建好了接下来继续写篇初学习vue的记录。

以上就是本次介绍的全部内容,感谢大家对我们的支持。

(0)

相关推荐

  • Vue+webpack项目基础配置教程

    最近在学习webpack,跟着课程一个单页面应用,在这里记录一下.这个部分主要讲了如何配置webpack的环境,以及webpack dev的配置. 记录比较粗略,后续会更新. 1.开发环境:vscode,node.js,vue.js,webpack 大家自己安装一下node.js可以参考菜鸟教程 使用的IDE是 VScode 2.项目初始化 快捷键ctrl+` 打开vscode控制台 vscode界面 2.1安装webpack vue vue-loader npm init npm i webp

  • vue-cli基础配置及webpack配置修改的完整步骤

    脚手架 脚手架帮我们帮我们把 webpack 等相关的配置都处理好,我们只需要基于脚手架快速构建一个项目即可(项目中一定包含webpack的相关配置) vue脚手架  vue-cli 我们使用任何东西第一步都是安装 1.安装脚手架(一般安装在全局) //=>用npm安装 $npm install @vue/cli -g //=>用yarn安装 $yarn global add @vue/cli 安装成功后,全局环境会生成 $vue 的可执行命令,我们可以基于 $vue --version 来查

  • Vue基础配置讲解

    环境为Centos7,首先下载nodejs和npm的压缩包,两个在一起的,解压后进入bin目录,用ln -s 命令把里面的npm和node软连接到/usr/bin/目录下,然后退出此目录,node -v查看版本及检查安装成功. 再次进入刚刚解压的bin目录,输入命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝镜像,此方法借鉴的菜鸟教程的vue教程.(安装完成后可能也要软连接一下) 安装webpack打包器

  • vue基础ESLint Prettier配置教程详解

    目录 引言 前言 安装 VsCode 插件 配置 VsCode "Workspace.json" 配置 vue 的 "package.json" 配置 vue 的 ".eslintrc.js" 配置 vue 的 ".prettierrc" 配置 "eslint --fix" 一键修复 配置 ESlint 提交时检测 测试配置效果 问题排查 尾声 引言 VsCode + Vue + ESLint + Pret

  • 又一款MVVM组件 Vue基础语法和常用指令(1)

    前言:关于Vue框架,好几个月之前就听说过,了解一项新技术之后,总是处于观望状态,一直在犹豫要不要系统学习下.正好最近有点空,就去官网了解了下,看上去还不错的一个组件,就抽空研究了下.最近园子里vue也确实挺火,各种入门博文眼花缭乱,博主也不敢说写得多好,就当是个学习笔记,有兴趣的可以看看. 一.MVVM大比拼 关于MVVM,原来在介绍knockout.js的时候有过讲解,目前市面上比较火的MVVM框架也是一抓一大把,比如常见的有Knockout.js.Vue.js.React.Angularj

  • 从vue基础开始创建一个简单的增删改查的实例代码(推荐)

    1.安装vue-cli    cnpm install vue-cli -g  --执行全局安装 2.创建一个webpack的基础项目:命令:vue init webpack myproject; 以下是项目的目录结构及说明 build是webpack配置 build.js       // 生产环境构建代码 check-versions.js // 检查node&npm等版本 utils.js          // 构建配置公用工具 vue-loader.conf.js // vue加载器

  • Vue通过配置WebSocket并实现群聊功能

    原文链接:https://juejin.im/post/5e08d53a6fb9a0162b7f4bad 写JQuery项目时,使用websocket很简单,不用去考虑模块化,组件之间的访问问题,面向文档编程即可,在Vue项目中使用时,远远没有想象中的那么简单,需要考虑很多场景,本篇文章将与各位开发者分享下 vue-native-websocket 库的使用以及配置,用其实现群聊功能.先看下最终实现的效果 安装依赖 本文中对于 vue-native-websocket 库的讲解,项目中配置了vu

  • Vue-Jest 自动化测试基础配置详解

    目录 安装 配置 常见错误 测试前的工作 处理依赖 生成实例和 DOM 总结 引用 目前开发大型应用,测试是一个非常重要的环节,而在 Vue 项目中做单元测试可以用 Jest,Jest 是 facebook 推出的一款测试框架,集成了 Mocha, chai, jsdom, sinon 等功能,而且在 Vue 的脚手架中已经集成了 Jest,所以在 Vue 项目中使用 Jest 做单元测试是不二的选择,从提供的例子上看都很简单地配置并测试成功,然而在实际项目中有很多差异,我在测试自己的某个业务组

  • VUE组件简明讲解

    目录 前言 一.全局组件 1.定义 2.全局组件调用 二.局部组件 1.定义 2.局部组件调用 前言 为什么vue就开始在前几年就流行并且实用起来了?这主要的是因为由于vue的一个最强大的功能就是vue的组件,vue的组件到底有什么强大的功能呢?原因有两个,一个是组件的复用性很高:另一个是可以减少重复性的开发. 一.全局组件 1.定义 全局组件的语法是:vue.component(‘组件名’,{配置选项}): 然后,我们进一步理解一下,组件名应该怎么定义:组件名的定义规则是,使用短横线分隔命名,

  • Electron集成React和Vue流程方法讲解

    目录 集成React 1. 热调试 2. 打包 集成Vue 集成React 1. 热调试 在React项目目录下安装Electron npm install electron 修改package.json文件,增加或将已有的main属性值修改为main.js,在scriptes中添加"electron-start": "electron .",最终配置文件如下: { "name": "electron-react", &quo

  • Vue基础语法知识梳理下篇

    目录 计算属性 键盘事件 监视属性 绑定样式 class样式 style样式 条件渲染 v-if v-show 列表渲染 v-for指令 vue监测data中的数据 收集表单数据 计算属性 定义:要用的属性不存在,要通过已有属性计算得来 原理:底层借助了Objcet.defineProperty方法提供的getter和setter get函数什么时候执行? (1).初次读取时会执行一次 (2).当依赖的数据发生改变时会被再次调用 注: 计算属性最终会出现在vm上,直接读取使用即可 如果计算属性要

随机推荐