安装vue-cli 相关命令 查看版本信息和帮助信息 查看模板信息 项目生成 如果报错 解决方案 vue开源项目汇总            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-21 15:34:13
                            
                                225阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最近我参与了一个前端Vue2的项目。尽管之前也有过参与Vue2项目的经验,但对一些前端Web技术并不十分熟悉。这次在项目中遇到了很多问题,所以我决定借此机会深入学习Vue相关的技术栈。然而,直接开始深入钻研这些技术可能会显得枯燥,容易半途而废。碰巧最近我想做一个图床项目,于是决定在学习的过程中结合实际操作和总结,提升自己的前端水平。本次学习的主要目标是提高我的CSS、ES6标准以及Vue相关技术栈            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-06-15 22:42:19
                            
                                948阅读
                            
                                                        
                                点赞
                            
                                                                                    
                                1评论
                            
                                                 
                 
                
                                
                     
                                    
                             
         
            
            
            
            通过 Vue CLI 创建 Vue 项目可以极大地提高开发效率。它不仅提供了一整套标准化的项目结构,还集成了常用的开发工具和配置,使得开大量时间在项目配置上。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-06-27 13:35:02
                            
                                47阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vue-cli脚手架  关于如何去安装vue-cli去访问我的领一则博客,会有详细教程,这里我们就直接从创建vue-cli项目开始一、创建vue-cli项目打开终端,切换到自己要创建的文件路径,输入vue init webpack 项目名,回车之后会下载资源文件Project name 项目名称 只要项目名没有大写 就直接回车默认项目名称Project description            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-30 17:47:03
                            
                                68阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            |-- build                            // 项目构建(webpack)相关代码|   |-- build.js                     // 生产环境构建代码|   |-- check-version.js             // 检查node、npm等版本|   |-- utils.js                     // 构建            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-02-24 11:50:20
                            
                                55阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.配置淘宝镜像 npm config set registry https://registry.npm.taobao.org ## 注释使用淘宝镜像,不在赘述 第一步安装vue cnpm install vue 第二步: 安装 vue-cli 如果提示: npm WARN deprecated            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-20 11:29:08
                            
                                224阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vue/cli 构建项目坚持写作vue系列让我自己收获很多,对之前很多理解不透彻的地方又多了一些理解,也试图将自己的理解变成文字分享给更多的人,无奈文字功底有限,有些地方可能表达的不是很清楚,还望各位读者多多包含,同时希望大家能给予指摘改正。掘金系列地址:juejin.cn/user/296393…前14篇基本上写完了vue2.6版基础的所有内容,下来的几篇将进入vue的生态周边,vue-rout            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-01-20 11:30:51
                            
                                211阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            首先创建一个文件夹,然后cd到文件夹的根目录上,使用命令vue create vue-demo选个Manuad vuecli-demo..            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-23 12:37:02
                            
                                143阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、创建项目 vue create hello-world 你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset,也可以选“手动选择特性”来选取需要的特性。 这个默认的设置非常适合快速创建一个新项目的原型,而手动设置则提供了更多的选项,它们 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-02 13:00:00
                            
                                177阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            前提:必须安装node.js,官方地址:https://nodejs.org/en/然后安装vue-cli 安装方式:cmd命令行安装:打开cmd命令符输入进行全局安装脚手架:npm install -g @vue/cli全局脚手架安装成功之后就可以创建vue项目了三种创建方式:这里演示第三种第一种(旧版本创建项目,不推荐):首先要安装依赖包 npm install -g @vue/cl            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-24 16:45:28
                            
                                61阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布1.Node.js安装   https://nodejs.org/en/download/2.安装vue-cli   npm install -g vue-cli3.使用vue-cli初始化项目vue init webpack-simple my-project-name4、进到目录cd my-project5、安装依赖  npm ins            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-01-03 10:15:00
                            
                                213阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            前戏 在之前我们使用webpack进行打包的时候,webpack.config.js配置都是我们自己手写的。而Vue-CLI是官            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-07 10:50:24
                            
                                218阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布 1.Node.js安装 https://nodejs.org/en/download/ 2.安装vue-cli npm install -g vue-cli 3.使用vue-cli初始化项目 (图片来源网络,侵删) 4、进到目录 cd my            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-30 14:32:00
                            
                                304阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            参考资料:Vue2.0 新手完全填坑攻略—从环境搭建            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-03-28 18:05:05
                            
                                133阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布1.Node.js安装   https://nodejs.org/en/download/2.安装vue-cli   npm install -g vue-cli3.使用vue-cli初始化项目 vue init webpack-simple my-project-name            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-06-30 15:58:26
                            
                                210阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            如何使用vue-cli创建一个vue项目
在开发Vue.js项目时,我们通常会使用vue-cli来快速搭建项目结构,搭建过程比较简单,下面我将详细介绍如何使用vue-cli创建一个vue项目。
整个创建项目的过程可以分为以下几个步骤:
| 步骤       | 操作                             |
| ---------- | -----------------            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-22 11:14:32
                            
                                93阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            环境搭建 - 安装node 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ - 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org - 安装脚手架 cnpm install -g  ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-27 14:58:00
                            
                                104阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            0829自我总结Vue-CLI 项目搭建一.环境安装安装node官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/
#路径最好要修改用默认就好安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org
#这个东西主要用来换源不然你后面下载会很慢,所有的npm都可以用cnpm来代替安装脚手架cn            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-03 20:15:05
                            
                                153阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在项目根目录中执行如下命令: npm run build 注:Vue脚手架打包的项目必须在服务器上运行,不能直接双击运行; 在打包之后项目中出现 dist 目录,dist 目录就是 Vue脚手架项目的生产目录(直接部署目录)。 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-02 13:21:00
                            
                                485阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            使用下列任一命令安装 vue-cli 脚手架: npm install -g @vue/cli # OR yarn global add @vue/cli 安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。  ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-11 14:58:00
                            
                                170阅读
                            
                                                                                    
                                2评论