一、环境搭建 1、安装服务器node 2、安装包管理器npm 3、安装脚手架: 二、创建Vue项目 1、cd 到目标目录 2、创建项目:vue create 目录名 3、启动项目 ①终端启动 ②pycharm配置 三、项目目录 四、组件 1、在根组件中渲染页面组件 ①Main.vue 主页组件 ②A        Read More            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-26 15:56:43
                            
                                296阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue/cli 3.x 已经发布,如果使用 3.x 构建项目,请参考《Vue 爬坑之路(十二)—— vue-cli 3.x 搭建项目》 一、 安装 node.js 首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。 只是这样安装的 node 是固定版本的,如果            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-11-14 09:59:43
                            
                                151阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            环境搭建 - 安装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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            环境搭建 - 安装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
                            
                                113阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            官网下载了各种版本的都跑不起来,各种报错,后来成功解决了,这里记录下过程一、安装环境1、安装brew/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"2、安装node.jsbrew install nodejs3、获取nodejs模块...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-12 14:29:45
                            
                                418阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            使用vue开发项目的前期工作可以参考前面写的: Vue环境搭建及node安装过程整理 Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。 只需几分钟即可创建并启动一个带热重载、            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2017-09-26 20:49:00
                            
                                326阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue-cli搭建与使用 安装 vue-cli cnpm install vue-cli -g 测试是否安装成功 创建一个基于 webpack 模板的 vue 应用程序 这里的 myvue 是项目名称,可以根据自己的需求起名 vue init webpack myvue 一路都选择no即可; Pro ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-15 14:26:00
                            
                                135阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1. 什么是 Vue CLI?Vue CLI(Command Line Interface)是一个基于 Node.js 的脚手架工具。通过命令行快速生成 Vue 项目模板,支持插件扩展、项目配置、开发服务器和构建工具。让你专注于业务开发,减少重复搭建环境的时间。2. 安装 Vue CLI确保你已安装 Node.js(版本 >= 8),然后在终端运行:npm install -g @            
                
         
            
            
            
            条件:1,node.js2,npm3,vue步骤:1,npm install --global vue-cli;2,vue init webpack my-app;3,npm install;4,npm run dev;5,npm run build;注意:1,360可能会影响启动,建议关闭。2,配置了端口和IP后,记得还原。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-09-10 20:02:14
                            
                                530阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue-cli一、什么是vue-clivue-cli官方提供的一个脚手架,用于快速生成一个v            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-01-31 15:07:25
                            
                                89阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            版本关系 vue-cli@3 使用的是 vue2 , vue-cli@4 使用的是vue3 安装 全局安装最高版本: $ npm install -g @vue/cli npm install -g @vue/cli //全局安装最高版本 npm install -g @vue/cli@3.12.0 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-26 22:23:00
                            
                                306阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.安装vue-cli①使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入:npm install webpack -g或者(npm inst中...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-05 10:00:39
                            
                                163阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、创建vue项目 不过中途有可能会因为是国外服务器的缘故有些包安装错误,错误的时候继续执行npm install 好了之后执行上边黄色指令运行项目 修改成true后,执行npm run dev,出现下面这样的图就说明成功了 虽然完成了,但是速度太慢了,建议使用淘宝镜像安装,快! 二、目录结构的说明            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-30 18:28:22
                            
                                412阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            什么是vue-cli?vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下:vue init webpack xxxa、:xxx 为自己创建项目的名称b、:必须先安装vue,vue-cli,webpack,node等一些必要的环境安装vue-clinpm install -g vue-cli一:安装成功后,会出现如下文件D:\in...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-09-10 18:20:43
                            
                                132阅读