Vue项目创建初始化及相关问题解决方案

最新推荐文章于 2022-06-10 19:18:19 发布
最新推荐文章于 2022-06-10 19:18:19 发布
阅读量176 收藏
点赞数
分类专栏： 前端 文章标签： npm 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37151886/article/details/107514479
版权

es6模块化基本语法：

webpack打包发布

Vue cli脚手架相关：

vue ui项目配置相关

Vue cli项目结构分析

脚手架自定义配置： 第一种方式

脚手架自定义配置： 新建配置文件

element ui

element ui:图形化并按需导入

 

 

 

实现获取时间间隔函数：利用iview组件

 


                

        

        

    

  


    

      

        

            

              
                
                  newProxyInstance
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
金蝶K/3项目初始化方案，内部资料。

				
			

			

				

					08-27
				

			

		

		

			
				
实施机构项目内部资料，针对K/3制造项目，本人工作中编写的初始化方案。

			
		

	



                

              
                



	

		

			

				
					
Vue_项目初始化创建

				
			

			

				

					一碗老面的博客
				

				

					07-15
					
					137
					
				

			

		

		

			
				
1.nodejs环境是否搭建成功

node -v

npm -v

2.项目初始化

安装vue-lic

cnpm install vue-cli -g   //全局安装 vue-cli

查看vue-cli是否成功，不能检查vue-cli,需要检查vue



选定路径，新建vue项目，这里我是在桌面上新建了sun文件夹，cd目录路径

下面我一项目名为sell新建vue项目

vue init webpack ”项目名称“



出现下图内容即为初始化项目成功：



根据提示在命令窗下输...

			
		

	



                


  
              

                


	

		

			

				
					
搭建vue项目以及初始化步骤

				
			

			

				

					qq_41497443的博客
				

				

					07-15
					
					645
					
				

			

		

		

			
				
搭建vue项目步骤
搭建Vue项目步骤如下：
①、打开cmd,cd到项目存放路径如：
cd C:\Users\lenovo\Desktop\bus_total

②、全局安装 vue-cli，cmd里输入命令行：
npm install -g vue-cli

③、创建一个基于 webpack 模板的新项目，在项目所在文件夹下，先进行初始化，即当前目录输入：
vue init webpack

根据提示，进行YES/NO，即安装是否安装配置路由之类的。
? Generate project in curre

			
		

	





	

		

			

				
					
项目初始化

				
			

			

				

					weixin_47673864的博客
				

				

					06-10
					
					495
					
				

			

		

		

			
				
我们需要先进行项目的初始化，前端项目初始化的步骤如下：
①安装Vue脚手架
脚手架可以帮我们否建项目结构。②通过Vue脚手架创建项目
通过脚手架生成项目结构。③配置Vue路由
安装和配置路由工具。④配置Element-UI组件库
安装饿了么的Vue组件库，它提供了很多前端样式和功能。⑤配置axios库
配置该库来实现网络服务访问。使用Vue前，我们要完成node.js的安装，以及vue-cil脚手架的安装通过脚手架创建项目有很多种方式，比较经典的就是在cmd控制台中，使用“vue init webpack 

			
		

	



		

			
		



	

		

			

				
					
python日记之pycharm基础操作

				
			

			

				

					只是个人笔记，请见谅
				

				

					09-20
					
					229
					
				

			

		

		

			
				
个人学习python笔记
python日记之pycharm基础操作新建项目运行设置python项目管理打开项目关闭项目
新建项目





运行


设置

修改界面

修改命令行设置

修改解释器


python项目管理
打开项目






关闭项目


...

			
		

	





	

		

			

				
					
在vue项目创建的后初始化首次使用stylus安装方法分享

				
			

			

				

					08-28
				

			

		

		

			
				
文档介绍的是在Vue项目中首次使用Stylus时，可能会遇到的初始化配置问题以及解决方法。这包括了Vue CLI的基本使用，如何通过npm安装Stylus和Stylus-loader，以及在遇到模块加载错误时如何正确诊断并解决问题。同时，...

			
		

	





	

		

			

				
					
解决vue初始化项目一直停在downloading template的问题

				
			

			

				

					01-18
				

			

		

		

			
				
用power shell初始化vue项目一直停留在downloading template 用git的git bush here 就可以了。 补充知识：vue init webpack 卡在chromedriver上问题解决办法 最近在学习vue，尝试利用vue-cli创建一个工程。但是执行...

			
		

	





	

		

			

				
					
解决vue初始化项目时,一直卡在Project description上的问题

				
			

			

				

					10-16
				

			

		

		

			
				
在本例中，问题出在使用的是2.9.6版本，而解决方案是升级到3.0及以上版本。   升级Vue CLI的步骤如下：  - `npm uninstall -g vue-cli`：这会卸载全局安装的旧版Vue CLI。  - `npm install -g @vue/cli` 和 `npm ...

			
		

	





	

		

			

				
					
Vue中用props给data赋初始值遇到的问题解决

				
			

			

				

					10-17
				

			

		

		

			
				
总结来说，当需要在Vue组件中通过props初始化data时，如果props值是动态的，最好使用`computed`属性或者`watch`来确保数据的同步。这是因为props传递给子组件的基本类型值不会自动响应父组件的变化。理解这一点对于...

			
		

	





	

		

			

				
					
vue项目部署上线遇到的问题及解决方法

				
			

			

				

					08-27
				

			

		

		

			
				
以下将详细讲解在Vue项目部署上线时可能遇到的问题及其解决方案。  首先，要进行服务器搭建。通常选择云服务提供商，如腾讯云，购买服务器并配置域名。未备案的域名也可以使用，但可能在某些国家或地区访问受限。...

			
		

	





	

		

			

				
					
vue初始化篇

				
			

			

				

					zdxaibeyond的博客
				

				

					05-02
					
					1969
					
				

			

		

		

			
				
vue现在很火的一款框架，官方介绍是：
         Vue.js（读音 /vjuː/，类似于 view）
 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue
 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。


  之前一断断续续的看了一些，这回新项目的后台管理准备用这个框架，写这个系列的博客记录怎么使用

			
		

	





	

		

			

				
					
Vue初始化项目的时候遇到的一个小坑

				
			

			

				

					weixin_39407291的博客
				

				

					08-08
					
					257
					
				

			

		

		

			
				
1.拉完代码，项目死活启动不起来，说是缺少了很多依赖，npm install 报错

2.然后，对缺少的依赖单独install ，就很正常的安装依赖操作，发现安装失败

3.查阅网上各种方法，抱着试一试的态度改用cnpm
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

4.然后居然可以了（捂脸）项目启动成功，具体原因我没有深究，看原博主是怀疑vue-cli脚手架的原因。
感谢博主分享:https://blog.csdn.ne

			
		

	





	

		

			

				
					
vue.js初始化项目

				
			

			

				

					qq_33871178的博客
				

				

					11-22
					
					417
					
				

			

		

		

			
				

下载git  有友好的命令行工具 下载地址 https://git-for-windows.githu…

2.下载node ,安装Node.js 下载地址：https://nodejs.org/en/ 或者 http://nodejs.cn/
命令行输入node -v如果输出版本号，说明我们安装node 环境成功  ，可以查看 npm 的 版本号 使用 npm -v

3. vue-cli脚手...

			
		

	





	

		

			

				
					
mpvue使用vue初始化项目失败：vue-cli · Failed to download repo mpvue/mpvue-quickstart: connect ETIMEDOUT 207.97

				
			

			

				

					github_38928905的博客
				

				

					12-29
					
					3206
					
				

			

		

		

			
				
按照mpvue文档，初始项目时失败：

$ vue init mpvue/mpvue-quickstart my-project

   vue-cli · Failed to download repo mpvue/mpvue-quickstart: connect ETIMEDOUT 207.97.227.239:443

 

原因是上面的：‘207.97.227.239:443’连接失败；...

			
		

	





	

		

			

				
					
使用vue-ui建立一个项目-项目初始化

				
			

			

				

					lucky的专栏
				

				

					04-19
					
					1761
					
				

			

		

		

			
				
1 vue ui



















安装插件element







完成安装

配置axios库

在ui框架中 点击 “依赖”-“安装依赖”

-------------

创建码云

进入“设置“-ssh公钥



点击怎样生成公钥

仓库管理-公钥管理



生成/添加SSH公钥

打开终端

ssh-keygen -t rsa -C "XXXX@126.co...

			
		

	





	

		

			

				
					
Vue项目中使用swiper库的初始化过早问题

				
			

			

				

					front_endxiaobaia的博客
				

				

					03-30
					
					1169
					
				

			

		

		

			
				
一、背景阐述
最近有人在讨论vue项目中swiper插件引用不当无效的问题，直观的问题效果是vue项目中异步请求回来的数据在swiper轮播图里无法正常轮播，这也算是一个比较经典的问题了，官方文档对此也没有明确的解答，这里统一分析并总结一下。(本文针对vue项目)
二、分析
1.上面的图是项目中引用的swiper库(swiper中文网)，这个库还算不错，不局限于vue项目，许多项目中都能够使用，...

			
		

	





	

		

			

				
					
Vue初始化项目步骤

				
			

			

				

					m0_67805754的博客
				

				

					05-07
					
					6896
					
				

			

		

		

			
				
一.查看并设置镜像地址(提高下载速度)

npm config get registry #查看镜像地址

如果镜像地址不是淘宝镜像地址,为了提高下载速度,就需要输入如下命令设置为淘宝镜像地址:

npm config set registry https://registry.npm.taobao.org/ #设置淘宝镜像地址

二.全局安装vue/cli(必要)

npm i -g @vue/cli

三.检查是否安装成功

npm -V

四.创建项目文件(必要)

vue create 文件名

五

			
		

	





	

		

			

				
					
mpvue使用vue初始化项目失败：vue-cli · Failed to download repo mpvue/mpvue-quickstart: connect ETIMEDOUT

				
			

			

				

					姗姗的博客
				

				

					10-14
					
					1957
					
				

			

		

		

			
				
有段时间我遇到了这个问题，百度查找大部分都说是网络问题，其实是github设置IP地址有误，参考如下：

按照mpvue文档，初始项目时失败：



 vue init mpvue/mpvue-quickstart my-project



vue-cli · Failed to download repo mpvue/mpvue-quickstart: connect ETIME...

			
		

	





	

		

			

				
					
VUE初次初始化项目过程中的一些问题解决策略

				
			

			

				

					OceanEyes.GZY的博客
				

				

					05-10
					
					454
					
				

			

		

		

			
				
1、安装vue
npm install -g vue-cli

2、设置npm源
npm install -g nrm


3、列出可选的源
nrm ls

4、切换源
nrm use tabo

5、初始化项目
vue init webpack prj

6、vue init webpack 卡在chromedriver上问题解决办法
解决策略：
设置chromedriver源为
npm ins...

			
		

	





	

		

			

				
					
Vue实例状态初始化解析

				
			

			

				

					
				

			

		

		

			
				
这个函数负责处理实例创建时的属性、数据、方法、计算属性和监听器的初始化。让我们逐一分析这些关键步骤：  1. **初始化_watcher数组**：  `vm._watchers`是一个存储所有显式监视器的数组，这些监视器会在数据变化...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值