手把手教你如何创建vue脚手架项目（最详细！）

最新推荐文章于 2024-08-06 19:05:22 发布
置顶 最新推荐文章于 2024-08-06 19:05:22 发布
阅读量9.2k 收藏 12
点赞数 3
分类专栏： vue-cli 文章标签： Vue-cli 安装 脚手架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Baitgt/article/details/78270532
版权
本文提供了一步一步的Vue-cli安装指南，包括在Mac上创建命令窗口，检查Node.js版本，全局安装Vue-cli，创建新项目，配置选项以及运行和打包项目的npm命令。特别提醒在Mac系统中，可能需要输入电脑锁屏密码以获取最高权限。
摘要由CSDN通过智能技术生成

Vue-cli安装流程以及部分npm命令

  1. 百度Node.js下载并安装
  2. 可以一直下一步 但是要记住安装目录
  3. 进入安装目录即Node.js文件夹内
  4. 按住shift+鼠标右键
  5. 选择在此处打开命令窗口
  6. 输入node -v//检查node版本至少为4以上
  7. 输入npm config set registry http://registry.npm.taobao.org
  8. 输入npm install vue-cli -g//在全局安装vue-cli的依赖
  9. 安装完毕后输入vue检查vue是否安装完毕
  10. 输入vue list查看可安装的vue模板
  11. 输入vue init webpack XXX//创建模板为webpack的vue项目名字为XXX
  12. Project name XXX//项目名
  13. Project desrciption XXX XXX//项目描述
  14. Author //创建者的名字/邮箱（可不填）
  15. 以下选项输入Y/N
最低0.47元/天 解锁文章
Baitgt
关注
专栏目录
Vue开发项目入门——Vue脚手架
m0_67495466的博客
04-12 3万+
Vue脚手架是Vue官方提供的标准化开发工具（开发平台），它提供命令行和UI界面，方便创建vue工程、配置第三方依赖、编译vue工程。
vue学习二（搭建vue脚手架）
pycharm_u的博客
05-15 1922
1 安装node环境 进入https://nodejs.org/en/下载node环境并安装。 2 安装vue 使用 npm install --global vue-cli安装vue。 3.1创建第一个vue脚手架(命令行) 1.使用vue init webpack 项目名 创建项目 2.npm run dev 运行项目 3.2 使用webstorm 1.创建项目 ...
Vue脚手架的安装（超详细篇，保姆级教程）
最新发布
cfjbcg的博客
08-06 2042
打开一下你刚刚的安装目录nvm，双击打开，找到settings.txt，然后用记事本编辑打开，复制粘贴。nvm install 14 nvm install latest // 安装最新版本node。-g的意识是全局安装，就-g和-s，-s是局部安装，就是只在当前项目可以使用。这边的安装版本可以跟我的一样，安装16.20.2和14.21.3的版本。可以看到这个就说明你刚刚安装的版本成功了！16版本的node就是跟着8版本的npm。14版本的node就是跟着6版本的npm。在这边进行项目的运行，快捷键。
Vue脚手架搭建项目
酸菜丶小子
07-27 4912
Vue脚手架搭建项目以及node版本切换
vue 脚手架搭建
qq_45725851的博客
07-11 5001
vue 脚手架搭建
vue脚手架搭建
weixin_45784564的博客
06-23 1900
先从node官网下载并安装node.js,安装node.js的作用就是利用npm资源管理器下载插件等。 官网地址: https://nodejs.org/en/ 把下载的.exe文件双击安装，一直下一步即可。安装好的node试一下查看是不是安装成功,window键+r输入cmd进入系统管理器进入系统命令页面输入 node -v 检查是否安装成功 npm包管理器，是集成在node中的，所以安装了node也就有了npm，有了npm就可以去下载资源库文件，可以通过命令进行下载，先查看一下npm的版本号。 输
手把手教你从0开始搭建一个vue项目
06-22
本课程会完全脱离脚手架，站在前端工程化的角度，利用webpack手把手教你从0开始搭建一个企业级的vue项目。 课程将会涉及到的知识点有： 前端工程化搭建webpack配置、webpack-chain使用引入babel转换最新的es语法引入...
安装node.js + 搭建vue环境 + 安装脚手架 + 构建vue项目的详细教程
热门推荐
weixin_42216142的博客
12-11 1万+
搭建vue开发环境的时候在网上找了几个教程，还是遇到了比较几个坑，所以写下这篇可以让你从零开始一步一步跟着本篇博客搭建好环境，顺利直接进行vue开发的步骤。 第一步：安装node.js 先去官网下载node.js，如下图，根据自己的电脑选择安装包下载，我的电脑是windows 64位的，所以选了下图红色框的。 下载完成之后，点击下载好的安装包进行安装，安装过程全部直接点next，不用勾选其他，直...
vue全流程开发脚手架开发从未如此简单
08-10
VPDS 是一个基于 Vue.js 的全流程，前端研发系统，包括项目的初始化，构建脚本，项目发布等前端开发流程，而且 VPDS 利用私有的 NPM 仓库实现了一套模块管理平台，使得项目的开发，从面向页面到面向模块的的转变。
Vue进阶脚手架开发
weixin_45985175的博客
09-15 147
1、分析脚手架 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWorld.vue │ │── App.vue: 汇总所有组件 │ │── main.js: 入口文件 ├── .gitignore: git版
vue创建脚手架
qq_47648083的博客
11-30 738
初始化脚手架 一、说明 1.Vue脚手架是Vue官方提供的标准化开发工具 2.具体查看 官方文档 二、具体步骤 1.全局安装@vue/cli（仅第一次执行） 注意：要以管理员的身份打开cmd npm install -g @vue/cli 安装完成后在输入vue，显示下图则证明安装成功 2.切换到要创建项目的目录 ，然后使用命令创建项目 vue create xxxx 自行选择适合的vue版本 3.启动项目 1.先进入创建的文件夹的路径： cd vue_text 2. 然后输入 ： np
Vue-Cli 脚手架 搭建 Vue项目
灵魂学者的博客
02-03 2235
本篇主讲如何通过vue提供的vue-cli脚手架来搭建vue项目，自此开始进行Vue基于项目中的介绍，Vue-cli 是官方提高用于搭建基于 Vue、Webpack、ES6 项目目的脚手架工具，通过脚手架创建项目势必会较为高效！
使用 Vue-cli 脚手架创建项目
Sun_blog
07-14 2226
文章目录使用Vue CLI创建项目第一步，安装Node.js第二步，进入命令行第三步，安装脚手架工具第四步，切换目录第五步，创建项目总结 使用Vue CLI创建项目 本次以WIN10系统为例，其他系统略有差异。 第一步，安装Node.js Node.js官网 下载左侧的版本，根据提示安装即可。没什么特殊注意的情况，这里就不做演示了，安装过的同学可以跳过这一步。 第二步，进入命令行 按下键盘 WIN+R 键，输入 cmd 回车进入命令行。 安装过的同学，可以输入node -v 查看 node.js 的
如何用vue脚手架创建项目
暴力扬
05-01 288
vue脚手架创建项目过程
vue的搭建（使用vue的脚手架vue-cli）
ywj5200的专栏
04-04 1235
先说说前言，因为最近在看技术，vue还是很火的，至少现在做vue的公司很多，相比于angular我觉得vue更适合上手，所以我今天就讲讲怎么搭建vue的项目文件，当然这个也是我自己搭过一遍的，也走了一下接口，获取到了数据。这篇先将怎么用脚手架搭建项目说一下，后面再说例子。 说明：此文章参考了网上一些大神的技术分享，自己结合总结一下。此文章是基于webpack构建的vue项目 一.首先搭建环...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值