vue的开始:脚手架vue-cli的安装

最新推荐文章于 2023-12-28 20:15:56 发布
最新推荐文章于 2023-12-28 20:15:56 发布
阅读量384 收藏
点赞数
分类专栏： Vue的那些事
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/develop_csdn/article/details/71159305
版权

1.先决条件：Node.js（> = 4.x，6.x首选），npm版本3+和Git。

2.安装 vue-cli:   用终端   $ npm install  -g vue-cli 

3.其中遇到了问题，会出现一直等待npm fetchmetadata...

配置成淘宝的镜像：npm config set registry https://registry.npm.taobao.org

就ok了

4.由于以前本人安装过Jenkins的自动化打包,所以报了错误，npm run dev服务起不来，在项目里的config找到端口改一下，默认是8080。config/index.js这个文件

5.npm run dev 失败，先执行npm install

vue脚手架CLI的简单使用
m0_49936845的博客
04-16 1148
├── babel.config.js: babel 的配置文件。├── .gitignore: git 版本管制忽略的配置。├── package-lock.json：包版本控制文件。├── package.json: 应用包配置文件。│ ├── favicon.ico: 页签图标。│ └── index.html: 主页面。│ │── component: 存放组件。│ │── App.vue: 汇总所有组件。├── README.md: 应用描述文件。│ ├── assets: 存放静态资源。
xw-vue-cli-2.0:xw-vue-cli-2.0 脚手架2.0版本
04-22
《xw-vue-cli-2.0：基于Vue.js的高效开发脚手架》 Vue.js，作为一款轻量级的前端JavaScript框架，以其简洁的API、高效的虚拟DOM和易于学习的特点深受开发者喜爱。在实际项目开发中，为了提高开发效率和代码规范，...
Vue脚手架与启动
weixin_42540376的博客
10-11 256
Vue 1 vue创建一个新的项目 1.1 新建一个文件夹进入cmd命令中 vue --version //查看vue版本号 vue create vueProject // vueProject 为要创建的Vue项目名 1.2 创建成功的选择 1.3 启动vue项目
vue脚手架搭建流程
热门推荐
ermaner666的博客
01-07 3万+
搭建vue项目之前你需要安装vue的脚手架和node.js，一起去看看怎么搭建一个vue环境吧。（学编程语言最爱看见的就是用这个先写一个helloworld，只想说我对世界友好可是现实是残酷的。。。。。。） 1&安装node.js（安装网址点击下面链接） node.js下载网址 安装完以后桌面上什么都没有是不是有点慌啊！不急，你先打开Dos窗口，输入以下命令， 如...
Windows端git安装搭建记录
weixin_52569286的博客
07-23 213
下载 首先我们进入官网：git下载地址，国外网址，可确保为最新版本。 进入官网后便会出现如下界面，点击Downloads 由上图可以看见给git有不同版本，根据个人电脑型号进行下载。 我的电脑是Windows系统64位的，所以点击了绿色框内的“Windows”。其他电脑系统操作一致。 打开该界面一般会自动启动下载最新版本，如果没有自启可以点击框内所示“Click here to download”，如果需要其他版本，可以点击下面提供的其他版本，完成自主选择。 安装 下载完成后我们进行安装。 点击ne
使用Vue脚手架【Vue】
weixin_53943447的博客
04-16 765
props是只读的，Vue底层会监测你对props的修改，如果进行了修改，就会发出警告，若业务需求确实需要修改，那么请复制props的内容到data中一份，然后去修改data中的数据。②第二种就是直接复制vue.cmd所在的路径，然后不用点击新建，找到path点击编辑，在里面新建将路径放进去即可。├── babel.config.js: babel 的配置文件。├── .gitignore: git 版本管制忽略的配置。│ │── App.vue: 汇总所有组件。
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
:globe_with_meridians: vue-cli-plugin-i18n Vue CLI插件可将vue-i18n添加到您的Vue项目 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠...
typeScript-Vue:如何在vue-cli脚手架项目中配置使用typescript
05-13
简介 这是一个vue-cli结合typescript的项目，里面有详细的配置 详细步骤请转接到我的简书： 欢迎star vue-typescript A Vue.js project Build Setup # install dependencies npm install # serve with hot reload at...
vue-cli-multipage:vue-cli-multipage多页面脚手架
05-14
vue-cli-multipage2.0 主要功能 支持字体图标,css分离打包 各入口文件分离打包,第三方库模块打包,公共组件分离打包 支持vue-router路由按需加载 可自定义页面入口模块名 整合了UI框架，vant 基于webpack4 热更新 ...
zqs-cli:类似于 vue-cli 的个人脚手架
05-25
实现可以用npm安装 npm install zqs-cli -g 根据模板初始化项目 zqs-cli create 查看模板库配置 lee-cli config 模板库配置 lee-cli config set 本项目工具cli已经实现 zqs-cli create create可以生成一个项目，...
vue VueCLI(脚手架) 启动服务
qq_42095701的博客
02-24 850
2） 安装cnpm 在命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org ，然后等待，没报错表示安装成功，（我的已经安装过了，显示更新成功的信息），如下图： cnpm install -g @vue/cli 查版本: 创建项目:vue create vueday2(项目文件夹名字) ...
vue创建脚手架项目&启动
佐杰的博客
07-25 282
访问 http://localhost:8080/说明这里使用vue2项目。
Vue安装脚手架之后如何启动及一些注意事项
最新发布
2301_78848001的博客
12-28 841
其中node_modules是一个文件依赖包，public里面装的是一些html的设置，router里面装的是一个很重要的文件它就是路由，路由又是什么呢？它是把我们的界面显示在页面的一个重要的东西。然后我们接着安装脚手架项目，我们还是接着在终端控制面板（cmd）里面接着输入 npm install -g @vue/cli这个命令进行安装，如何检查自己是否安装成功，输入vue -V这个指令。views里面就是显示的页面。main.js里面装的是我们的一下工具，只装了element-ui这个组件。
vue脚手架安装教程|及如何启动
TRON_Antoine的博客
07-01 2101
如何安装 Node.js 和 vue脚手架的安装
搭建Vue脚手架创建启动项目_Win10
pang787559613的博客
03-18 481
传送门： Mac版node安装： Node.js学习_Mac：https://blog.csdn.net/pang787559613/article/details/101431431 一、安装node； 二、安装vue-cli； 三、创建项目； 四、运行项目； 一、安装node： node.js官网：https://nodejs.org/en/download/ 安装完成后，查看版本号，...
Vue安装脚手架CLI与创建、启动项目
weixin_60664694的博客
10-25 1420
Vue,CLI,脚手架，Vue脚手架，项目创建
VUE 创建vue项目和开启脚手架
zengxingX的博客
10-18 404
安装vue-cli脚手架 yarn global add @vue/cli # OR npm install -g @vue/cli 1.创建新的vue项目 vue create 文件名 2.开启脚手架 运行项目 yarn serve 或 npm run serve vuecil-demo # 项目目录 ├── node_modules # 项目依赖的第三方包 ├── public # 静态文件目录 ├── favicon...
npm install -g vue-cli
qq_16901769的博客
06-29 584
可用脚手架npm install -g vue-cli
vue 脚手架新手入门（vue cli 2）
这里的分享，都是干货
05-11 1218
适合没学过vue脚手架的朋友，包含了从vue项目的创建到接口的调用
构建多页面Vue项目：vue-cli-plugin-multiple-page插件使用指南
该文件描述了一个基于Vue.js开发环境的插件——vue-cli-plugin-multiple-page，它专注于优化多页面应用程序的构建过程。下面将深入分析该插件提供的具体功能以及它在Vue.js项目中的应用。 ### Vue.js与vue-cli Vue...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值