ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue/cli 脚手架及其文件说明

2021-09-14 18:01:00  阅读:167  来源: 互联网

标签:npm node vue cli 脚手架 安装


vue/cli 脚手架

文章目录


前言

安装脚手架前需先安装node安装,node中包含有npm:包管理工具,不用另外安装npm。
1.如果不确定自己是否安装了node,可以在命令行工具内执行: node -v (检查一下 版本);
2.如果 执行结果显示: xx 不是内部命令,说明你还没有安装node , node 安装地址:http://nodejs.cn/download/


一、vue/cli 脚手架安装

通过npm:包管理工具
搭建vue脚手架的步骤:
1.npm install -g @vue/cli 全局安装vue脚手架
如果速度太慢:将npm的仓库地址改为淘宝镜像:npm config set registry https://registry.npm.taobao.org --global 。

卸载脚手架可以通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它

如果安装脚手架vue-cli失败解决办法
常用的方法是:在电脑上打开终端输入:npm clean cache -force
然后卸载重新安装(一般都能解决)有少数还是不能成功安装的话打开C盘找到npm-cache,手动删除,然后重新执行npm安装的命令,就能解决。(npm-cache所在位置,很多人的目录结构可能有所不同)

二、初始化项目

vue create 项目名字
然后按步骤选择自己的配置,如果看不懂,可查看下面链接,https://blog.csdn.net/weixin_44141393/article/details/117048132
然后会出现两个命令
cd vue-project
npm run serve

(cd切换到项目文件。npm run serve启动项目。)

因为我们在项目配置的时候,已经初始化了项目,并且在 package.json 里面已经有相关配置,所以在这里可以直接运行。如果是打开别人的项目需要npm install 命令执行进行vue的插件安装。

三、项目文件配置介绍

上面通过npm run serve已经了启动项目。
打开项目,会出现许多文件,下面是那些文件的说明。
在这里插入图片描述

标签:npm,node,vue,cli,脚手架,安装
来源: https://blog.csdn.net/qq_47122636/article/details/120291898

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有