vue项目配置

安装打包工具 webpack:npm install webpack -g
安装 vue 脚手架项目初始化工具 vue-cli,-g 表示全局安装:npm install vue-cli -g
还原git项目中的node_modules:npm install

安装 Yarn:

npm i yarn -g --verbose

表格拖动,扩展:

npm install --save vue-draggable-resizable

2. 创建一个项目 #

使用命令行进行初始化。

$ vue create antd-demo

3. 启动项目:

yarn serve

3. 清理npm

直接进入C:\Users\admin\AppData\Roaming下手动删除npm和npm-cache文件夹(要以管理员身份删除)

然后将node卸载,再重装node,npm也就一起重装了...

原文地址:https://www.cnblogs.com/gg_lihui/p/12189683.html

时间: 2024-11-10 02:11:33

vue项目配置的相关文章

vue项目搭建和开发流程 vue项目配置ElementUI、jQuery和Bootstrap环境

目录 一.VUE项目的搭建 1. 环境搭建 2. 项目的创建和启动 二. 开发项目 1. 配置vue项目启动功能 2. 开发vue项目 (1)项目文件的作用 (2)vue项目开发流程 (3)vue项目的请求生命周期 三.vue项目中的功能 1. 路由相关的标签和方法 2. 路由配置 (1)无路由传参的路由配置方法 (2)路由传参的路由配置方法 3. 页面的跳转功能 (1)标签跳转 (2)逻辑跳转(路由跳转) 四.JS原型 五.vue组件生命周期钩子 六.vue的ajax插件:axios 七.vu

vue项目配置使用flow类型检查

你是否经常在debug那些简单可避免的bug?可能你给函数传参的时候搞错了参数的顺序,或者本来应该传个Number类型的参数,你传了一个String类型?JavaScript的弱类型是这一类bug的罪魁祸首,静态类型语言中不存在此类bug.Flow就是JavaScript的静态类型检查工具,该库的目标在于检查JavaScript中的类型错误,开发者通常不需要修改代码即可使用,故使用成本很低.同时,它也提供额外语法支持,使得开发者能更大程度地发挥Flow的作用. 一.flow的安装 flow可以直

使用Jenkins持续集成Vue项目配置Sonar任务

背景 关于SonarQube的配置与安装就不再赘述 各位可以自己寻找相关文档 前置条件 SonarQube的js插件版本高于3.1 有条件的小伙伴可以查看https://twitter.com/SonarQube/status/878165039840194561 我们升级插件版本到最新 可以看到 步骤 Jenkins安装SonarQube插件 安装 SonarQube Plugin插件,系统管理?插件管理—>可选插件—>SonarQube Plugin安装即可 配置对应参数  系统管理系统设

vue项目配置less预编译语言

当所有东西都 准备好之后 : 第一步: 安装less依赖,npm install less less-loader --save 第二步:找到webpack配置文件webpack.base.conf.js,在其中的module的rule中增加一项,如下: { test: /\.less$/, loader: 'style-loader!css-loader!less-loader'} 第三步:现在基本上已经安装完成了,然后在使用的时候在style标签里加上lang="less"里面就可

vue项目配置 axios携带token请求头

在main.js中 import axios from 'axios' axios.defaults.baseURL = '' axios.interceptors.request.use(config => { //配置axios请求头,axios每次发起请求携带token,在Network中的headers看的到 // console.log(config) config.headers.Authorization = window.sessionStorage.getItem('token

vue_05项目配置

目录 vue项目配置: 前端样式结构: settings配置: vue项目路由配置: vue全局js配置: vue全局css配置: 父传子: 父组件 子组件 二.子传父 子组件 父组件 vue项目配置: 前端样式结构: <style scoped> .car-detail { /* vw:屏幕宽度 vh:屏幕高度*/ (仅仅与页面有关) /*width: 100vw;*/ /*height: 100vh;*/ /*background-color: orange;*/ } </style

vue项目中多个入口的配置

出处:http://www.qingpingshan.com/jb/javascript/221105.html 基于vue2.0生成项目,一段时间都在找如何配置成多个页面的.网上有这样的例子相对也是比较详细的,但是还是有些许不一样的地方的.所以,我还是记录下来,当然我也是参考了网上的资料的. 当然先来个vue的项目,打开命令行工具,对边进入一个目录下. vue init webpack my-project 注意,node和npm的版本,npm版本最好是3.0+的.其中my-project是自

关于vue项目多页面的配置

基于vue2.0生成项目,一段时间都在找如何配置成多个页面的.网上有这样的例子相对也是比较详细的,但是还是有些许不一样的地方的.所以,我还是记录下来,当然我也是参考了网上的资料的. 当然先来个vue的项目,打开命令行工具,对边进入一个目录下. vue init webpack my-project 注意,node和npm的版本,npm版本最好是3.0+的.其中my-project是自定义的项目名,按照步骤一步一步来就好了,然后进入自动生成的文件夹下,下载依赖的包,然后运行,应该会打开浏览器的lo

VUE项目多环境配置.md

目录 一.了解webpack.DefinePlugin 二.项目中如何配置多环境 web项目开发,通常需要有开发环境.测试环境和生产环境,用于配置不同的环境变更,如调用本地接口.测试接口和生产接口,VUE项目是前后端完全分离的框架,像是web界的C/S构架,在做VUE前端开发时,就需要用开发环境甚至于mock环境,等项目上线时,则需要使用生产的环境变量进行打包部署. 一.了解webpack.DefinePlugin webpack是静态模块打包器,可以将vue项目中所有文件打包成一个或多个jsb