利用vue-cli脚手架创建项目

最新推荐文章于 2023-06-19 23:10:23 发布
最新推荐文章于 2023-06-19 23:10:23 发布
阅读量143 收藏
点赞数
分类专栏： 前端 # vue
沐水莲心
本文链接：https://blog.csdn.net/qq_43314956/article/details/105653510
版权

利用vue-cli脚手架创建项目

安装vue-cli脚手架(全局安装)
npm install -g @vue/cli
使用vue --version查看是否安装完成，显示对应版本号

  1. 使用命令行创建
    vue create ‘项目名称’
    在这里插入图片描述
    default包含了基本的 Babel + ESLint 设置的 preset
    Manually select features 选“手动选择特性”来选取需要的特性。
    在这里我选择的是手动选择特性
    在这里插入图片描述
    选择你需要使用的特性（*）代表选中，选择完毕按enter键进入下一步，
    选择Use history mode for router?
    在这里插入图片描述
    选择css的预编译，scss、less、stylus等，选择一个。
    在这里插入图片描述
    后续根据自己选择
    在这里插入图片描述
  2. 使用图形界面创建
    vue ui
    进入图形界面创建项目
    在这里插入图片描述
    项目详情
    在这里插入图片描述
    选择预设值或手动设置特性
    在这里插入图片描述
    选择项目功能
    在这里插入图片描述
    配置
    在这里插入图片描述
    安装完成
    在这里插入图片描述
沐水莲心
关注
专栏目录
VUE-使用vue脚手架创建项目
Robin的博客
04-02 799
1、创建存放项目的目录 2、进入目录 按住shift键 鼠标右击，打开powershell 3、在命令行窗口执行 vue ui 打开vue项目管理器 4、创建项目 1、选择项目存放位置 2、输入项目名，选择包管理器 3、选择预设，这边选择手动配置 4、勾选相关插件 5、选择vue.js版本，路由模式，eslint配置模式 6、创建项目，不保存预设。 也可以输入预设名保存预设并创建项目 7 、等待项目创建完成 8、项目创建完成 9、启动...
vue脚手架创建项目
海贼王路飞 同学
06-04 167
写vue之前确保电脑上已经装了node 我之前文章有写到安装node流程，如果没安装node可以去看看 node安装成功后，最好查看一下，确定安装成功了 node -v npm -v 然后安装vue-cli npm install -g @vue/cli -g是全局安装 安装之后 查看版本是否成功 这里 -V 是大写的V 然后在你想要创建项目的文件目录里面 输入 vue create one 之后会显示两个选择 defau.
vue脚手架 创建项目
qq_37299479的博客
06-01 432
使用vue脚手架创建项目步骤： https://www.cnblogs.com/ming1025/p/9887247.html 具体参考上面的链接，下面是个人总结： 1. 安装脚手架 npm install --global vue-cli 安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功 2.用vue-cli来构建项目vue init webpack zspw （zspw是自定义的项目名称） 以下三步都没啥太大必要（别人...
使用vue脚手架创建项目
qq_43534980的博客
05-22 197
1. 安装（目前默认是vue-cli3） npm install -g @vue/cli vue create myproject 2. 基于vue2.x的旧模板，创建旧版的vue项目 vue cli3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具 npm install -g @vue/cli-init vue init webpack my-project 3.v
使用VUE脚手架搭建VUE项目
weixin_45508558的博客
08-05 1934
1、新建文件夹 2、进入新建的文件夹，输入npm i @vue/cli -g 或者：npm i "@vue/cli" -g 3、检查是否安装vue-cli : vue -V 会显示脚手架vue-cli的版本@vue/cli xxx 4、创建项目： vue create name---在之前创建的目录中创建 选择default-----按回车键 5、启动项目： 1）进入当前文件目录 2）npm run serve 3）在浏览器输入：http://localhost:显示的端口号 6..
详解vue-cli 脚手架项目-package.json
12-08
使用vue-cli脚手架新建的项目中，含有package.json。 package.json是npm的配置文件，里面设定了脚本以及项目依赖的库。 npm run dev 这样的命令就写在package.json里。 { "name": "vue-manage", // 项目名称 ...
详解如何使用vue-cli脚手架搭建Vue.js项目
10-19
- 使用vue-cli脚手架创建的项目已经包含了热加载、代码检查、单元测试和CSS分离等现代Web开发所需的功能。 - Vue.js项目的目录结构是预设好的，这包括源码、资源、构建配置等不同部分的文件夹。 - 在进行项目开发时...
webstorm建立vue-cli脚手架的傻瓜式教程
01-18
2、点击 create 后出现以下选项，按键盘上下键选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了（注：现在vue-cli3.0默认使用yarn下载），这里我选择手动 3、选择配置，这时你会...
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
Vue（一）：利用脚手架创建项目
sunny_jiangsu的博客
11-19 159
vue-cli安装 安装脚本 >npm install –global vue-cli >vue init webpack todolist 报错“vue不是内部或者外部命令”和解决 – 控制面板卸载nodejs – C:\Users\XXX\AppData下的npm和npm-cache删除 – 下载安装新的nodejs 错误解决后，执行下面命令 node –v ...
如何使用vue脚手架创建项目
manitoyayaya的博客
04-03 205
如何使用vue脚手架创建项目 1、在命令行窗口先把node环境安装上，下载地址：https://nodejs.org/en/ 2、用vue-cli构建的项目是以node.js为基础的，可以理解为node.js是vue项目再构建时需要用到的环境。 3、可以通过检查版本号查看是否安装成功 npm -v 和 node -v 4、全局安装vue-cli （输入：npm install --global vue-cli） 5、打开编辑器，进入到项目预计所在的目录，通过vue init webpack 项目名 的方式创
Vue笔记——搭建脚手架，快速创建Vue项目
weixin_52250664的博客
07-22 2683
一、安装Vue 二、安装vue-cli 三、Vue项目的创建 四、利用 WebStorm 开发 Vue
vue脚手架搭建项目（详细教程）
最新发布
weixin_65855560的博客
06-19 1万+
vue的自动化构建工具是node.js帮我们做的，这就是我们为什么要下载node的原因。npm install < name > --save：安装的同时，将信息写入package.json中，项目路径中若是有。Vue脚手架指的是vue-cli，它是一个快速构建**单页面应用程序（SPA）**环境配置的工具）命令行界面。npm list：查看当前目录下已安装的node包。npm ls：查看当前目录下已安装的node包。npm -v：查看npm安装的版本。：是一个开源的前端打包工具。1.进入终端执行命令。
VUE——使用VUE脚手架创建项目
weixin_68567820的博客
06-20 1万+
Vue脚手架安装及配置
Vue笔记——搭建脚手架并快速创建Vue项目
fengzhen8023
10-01 3万+
现在的Vue脚手架已经升级到3.x版本，即vue-cli3。 脚手架升级之后，安装的命令发生了变化，所以这篇文章会跟大家演示新旧版本的脚手架安装过程。 下面的安装过程均是在window平台下安装。 一、准备工作 1. 安装node.js和npm Vue的脚手架是依赖于node.js的，所以无论是安装新版本还是旧版本，我们都要安装node.js，如果你对node.js不熟悉的话，大家可以查看我之...
搭建脚手架以快速创建项目（Vue）
Youkiu
05-20 532
刚学习了vue，对使用vue脚手架创建项目还不太熟悉。所以，写一篇博客来整理一下思路。 一、准备 vue脚手架是基于node.js的，所以我们要先下载node。 注意：node版本要高于6.0 node.js下载地址：http://nodejs.cn/ 这个已经是最新的版本了 下载成功后在cmd中检查node版本 此时已经下载成功了，也可以查看我们的npm版本 二、搭建脚手架并且创建项目 ** 在webstrom中搭建 ** 1.在终端输入npm install 2.下载脚手架输入npm inst.
使用脚手架（Vue-Cli）快速创建一个vue项目的步骤
qq_59808309的博客
01-22 5146
一、安装vue https://cn.vuejs.org/v2/guide/installation.html 二、先确定是否安装了node.js、npm和cnpm node.js的下载地址：Node.js NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编
Vue脚手架搭建及vue项目创建【详细教程】
热门推荐
星河梦~的博客
01-12 4万+
Vue脚手架 Vue脚手架指的是vue-cli，它是一个快速构建**单页面应用程序（SPA）**环境配置的工具，cli是（command-line-interface ）命令行界面。 补充：单页面应用程序 单页面应用程序简称SPA，指一个Web网站中只有唯一的一个HTML页面，所有的功能与交互都在这唯一的一个页面内完成。 特点： 将所有的功能局限于一个web页面中，仅在该web页面初始化时加载相应的资源（JS，CSS，Html） 一旦页面加载完成，SPA不会因为用户的操作而进行页面的重新加载或跳转，而是利
9. Vue-cli脚手架如何创建项目及特点
04-04
Vue-cli脚手架可以通过以下步骤创建项目： 1. 安装Node.js环境 2. 全局安装Vue-cli脚手架：`npm install -g vue-cli` 3. 创建项目：`vue init <template-name> <project-name>` 4. 进入项目：`cd <project-name>` 5...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

沐水莲心

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值