vue-cli

在安装vue淘宝镜像和命令行工具的时候，先进行淘宝镜像安装，安装完成后，再对命令行工具进行安装报错如下： 原因分析：代理地址问题 解决办法：首先清理掉之前异常的下载内容，使用指令：npm cache clean --force 然后修改代理：代理置空 npm config set proxy null npm config set https-proxy null 修改代理： npm config set registry http://registry.cnpmjs.org/ 再执行：npm install -g vue-cli 成功操作如下： 同样如果在安装淘宝镜像的时候也遇到报类似的错误，进行类似的操作就可以了。 来源： https://www.cnblogs.com/gongchengshiwhl/p/12340005.html

vue-cli · Failed to download repo vuejs-templates/webpack:unable to verify the first certificate 由于ssl证书问题，可修改配置文件绕过验证 打开vue-cli默认路径 C:\Users\<UserName>\AppData\Roaming\npm\node_modules\vue-cli\node_modules\download（如果不是默认的文件夹， 是自定义的文件夹路径的话就是在自定义文件夹的目录下） 打开目录下的index.js 将下面这行注释： rejectUnauthorized: process.env.npm_config_strict_ssl !== 'false' 然后改为： rejectUnauthorized : false 重新运行： vue init webpack project-name 就可以了 来源： CSDN 作者： Chao_Yue_ 链接： https://blog.csdn.net/Chao_Yue_/article/details/104340924

接上一片文章: 解读 vue-cli 脚手架（一）：npm run dev的背后 如果没有看过我的上一篇文章，请先移步去看一下哈！ 时隔一年多，之前写的文章感觉大家还挺喜欢的，一直说要更新下一篇。但是一直没有机会，没时间，还有就是，感觉自己的技术，可能不足以支持我继续往下走。但是经过这个一年多的历练，感觉很多东西考虑的会更周全，不负期待！ 废话说一堆，步入正题。 一、前言 这里有必要声明一下，上一篇文章我是 2018-09-19 发布的，也就是说，距离现在(2020-02-03)至少已经过去了一年半的时间，原来的 vue-cli 变成了 vue@cli 脚手架和项目工程已经变得面目全非，和原来差别非常大。那现在的这个文章还值得再去看嘛？ 我的观点是 ：主要看你抱着什么姿势来看这个文章吧，如果你是想急忙解决项目中遇到的一些问题。可能这个文章不是很适合你，因为你看了也不会有立竿见影的效果，不会帮助你马上解决你的问题。 但是如果你想往更高的一个阶段走，或是满足之前的好奇心，为什么这个脚手架能够打包出项目需要的东西来，这个是怎么跑起来的。那么这个文章你还是很值得看的。 因为，虽然 vue@cli 升级了，运用的方式不同了，项目结构变了。但是我要说的是，如果你熟悉底层的话，项目结构，脚手架这些东西感觉只是换汤不换药，最终还是围绕着 webpack 去组织的项目

错误显示 IDEA中Vue项目引入的路径@路径格式中提示Module is not installed 问题原因 vue3中没有了 webpack.config.js 文件 IDEA找不到这个文件了,所以提示这个信息 解决方式 双击shift键,打开全局搜索,输入webpack 选择红框中的webpack 点击选择路径 选择路径 路径为项目中的 node_modules -> @vue -> cli-service -> webpack.config.js 文件. 点击确定后IDEA 会提示 ———————————————— 版权声明：本文为CSDN博主「道一哥哥」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/qq_37274323/article/details/100206842 来源： https://www.cnblogs.com/zhishaofei/p/12290637.html

来源： https://www.cnblogs.com/cou1d/p/12276023.html

一、用hbulider新建vue项目 不能使用npm run dev来运行项目， 因为在package.json中丢失了dev，强制运行会报错。 此时有两种做法是： 1.（不推荐）： npm run buid npm run serve 若通过方法一运行，则每次均使用该命令，并且需要自己安装router等 npm run serve 2. 安装webpack（一劳永逸) vue init webpack -g 二、通过vue-cli创建 vue init webpack vueCommonPro //vueCommonPro 为自定义名字 进入项目后，用命令npm i安装依赖 三、安装所需包(按需） 1.安装jquery npm install --save-dev jquery 引入jquery 在build -> webpack.base.conf.js中添加 //文件的最顶上添加 const webpack = require('webpack') // node模块后面添加以下代码 plugins:[ new webpack.ProvidePlugin({ $: "jquery", jQuery:"jquery", "windows.jQuery": "jquery" }) ] 在main.js中引入$ import $ from 'jquery' new Vue({ el

vue.config.js const path = require('path'); module.exports = { // 环境配置 devServer: { host: '0.0.0.0', port: '8090', https: false, open: true }, // 设置路径别名 chainWebpack: config => { config.resolve.alias .set('@', path.join(__dirname, 'src')) .set('@assets', path.join(__dirname, 'src/assets')) .set('@components', path.join(__dirname, 'src/components')) .set('@views', path.join(__dirname, 'src/views')) .set('@router', path.join(__dirname, 'src/router')) .set('@utils', path.join(__dirname, 'src/utils')) } }; 来源： CSDN 作者： sleepwalker_1992 链接： https://blog.csdn.net/sleepwalker_1992/article/details

1.首先系统内要有Node环境（最好再安装个git,gitbash比cmd要 好用），还要有npm; 可以通过命令查看node、npm的版本号： node -v或者npm -v 2.全局安装vue-cli (可以同vue --version查看vue 版本) npm install -g vue-cli 3.使用vue-cli初始化项目 vue init webpack sell (sell是文件名，可以自己取） 4.进入到目录 cd sell 5.安装依赖（此部很重要，用npm安装会比较慢，需要耐心等一段时间；网上还有说可以用cnmp） npm install 6.依赖安装完成后可以运行项目了（有两种方法：可以直接用代码打开；可以直接在地址栏输入localhost:8080） npm run dev 来源： CSDN 作者： 会做饭的技术男 链接： https://blog.csdn.net/u011927449/article/details/104032533