使用vue-cli3.0创建一个项目

最新推荐文章于 2024-06-11 11:04:45 发布
最新推荐文章于 2024-06-11 11:04:45 发布
阅读量274 收藏
点赞数
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48187749/article/details/125199178
版权
本文介绍了如何使用vue-cli3.0创建一个名为test的Vue.js项目，详细步骤包括安装全局vue-cli，手动选择项目特性，启用router、vuex和css预处理器。特别地，选择了hash路由而非history模式，并且选用了dart-sass作为预处理器。项目启动和运行时，可以使用npm run serve命令，同时提到了在打包和接收他人项目时的注意事项。
摘要由CSDN通过智能技术生成
  1. 打开命令行窗口（cmd或者powerShell都行）
  2. 安装vue-cli3.0： npm install -g @vue/cli

若报错

管理员身份运行命令行，输入：set-ExecutionPolicy RemoteSigned敲回车再输入a即可

3.创建一个名为test的项目，输入命令：vue create test

（项目名称不支持驼峰式命名，不能包含大写字母）

最低0.47元/天 解锁文章
weixin_48187749
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
使用vue-cli创建项目
Web_boom的博客
11-29 953
至此一个vue项目创建完毕，根据需要添加功能页面。整理了一套《前端大厂面试宝典》，包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法，一共201道面试题，并对每个问题作出了回答和解析。
vue2使用vue-cli创建项目
qq_45042330的博客
06-13 1442
vue2使用cli创建项目
vue前端面试刷题练习1 峰峰博客
程序员峰峰
03-15 1万+
一、选择题 1．在Vue实例中可以定义方法的是（ B ）选项。 A. el B. methods C. data D. computed 2．下列指令中，不能实现条件判断的是（ D ）。 A. v-if B. v-else C. v-show D. v-bind 3．下列代码的运行结果为（ B ） <div id="example"> <p>{{len}}</p> </div> <script type="text
vue第三天笔记05——使用vue-cli脚手架工具创建一个项目
lqh的博客
08-19 306
1.新建文件夹，命名不能是中文 2.打开该文件夹，在该文件夹路径下输入cmd，进入命令行 3.输入下面的命令 vue init 模板名项目名称(随便取名，要是英文) 模板名有三种： simple： 只有一个index.html文件，基本没用 webpack：可以使用(大型项目)Eslint 检查代码规范，单元测试 webpack-simple： 个人推荐使用, 没有代码检查 4.根据提示依次输入三行命令，便可以进入新建的项目 5.一些注意事项： （1）在项...
五分钟教你使用vue-cli3创建项目（三种创建方式，小白入门必看）
最新发布
2401_85124218的博客
06-11 423
安装Nodejs 官网下载Nodejs，如果希望稳定的开发环境则下LTS(Long Time Support)长期支持版，稳定。安装好后cmd输入node -v查询是否安装成功，如下出现版本号即为成功。二、Vue脚手架工具全局安装vue-cli，命令行中输入：国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝镜像或者yarn淘宝镜像的安装如下//安装成功后 使用 cnpm i xxx 代替 npm install xxx三、创建项目vue create 项目名。
使用Vue/cli创建vue项目
FVZ的博客
10-06 116
Vue cli官网 1.安装vue/cli npm install -g @vue/cli 2.查看版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 vue --version @vue/cli 4.5.4 3.创建项目 1.执行vue create 项目名称 命令行窗口输入
创建vue-cli3.0及以上版本项目
m0_37825704的博客
09-24 348
1.安装node,vue-cli3.0要求node版本8或者更高，查看node版本 node -v 2.安装vue-cli npm install -g @vue/cli 卸载vue-clinpm uninstall -g @vue/cli 查看vue-cli版本 vue -V （如图1） 图1 3.创建项目 vue create daping (daping 为自己项目的名称)，按下箭头，选择最后一个自定义配置（如图2） 图2 可以按电脑上下箭头进行选择，使用空格键选中或...
vue-cli3.0 脚手架搭建项目的过程详解
10-17
本篇文章将详细介绍如何使用 Vue CLI 3.0 来搭建一个新的 Vue 项目。 首先，你需要确保已经安装了 Node.js 和 npm（或 yarn）。然后，你可以通过以下命令全局安装 Vue CLI 3.0： ```bash npm install -g @vue/cli ...
10分钟上手vue-cli 3.0 入门介绍
08-27
这将创建一个新的 Vue 项目。与之前的 2.x 版本不同，新版本的 Vue CLI 3.0 将插件和模板等功能集成到命令行界面中。 在创建项目时，我们可以选择多种模板，包括 Default、Manually select features 等。 三、配置...
vue-cli3.0使用及部分配置详解
12-02
Vue CLI 3.0 是 Vue.js 的一个命令行工具，用于快速搭建 Vue 项目。相比之前的版本，3.0 版本带来了许多改进和优化，包括更快的初始化速度、更简洁的目录结构以及更加灵活的配置选项。以下是关于 Vue CLI 3.0 使用和...
使用Vue-cli3.0创建的项目 如何发布npm包
10-16
主要介绍了使用Vue-cli3.0创建的项目，如何发布npm包,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vue-cli3.0 环境变量与模式配置方法
10-17
Vue CLI 3.0 是 Vue.js 的一个命令行工具，它极大地简化了 Vue 项目的构建流程。在 Vue CLI 3.0 中，原有的 `config` 和 `build` 目录被移除，使得配置变得更加简洁。然而，这同时也带来了如何自定义环境变量和模式...
教你如何使用Vue-cli创建一个Vue项目流程
三拾的博客
01-30 2554
教你如何使用npm快速创建一个vue项目
vue-cli创建vue项目详细步骤
热门推荐
Hannah_Hannah_的博客
04-15 2万+
一、安装node环境 二、下载vue和vue-cli脚手架 命令：npm i-g vue ; npm i -g @vue/cli 三、在想要创建的位置路径下打开cmd（直接点击路径输入cmd即可打开当前位置的终端） 四、创建vue项目，输入命令（ vue create 项目名称） 五、进入详细选择 (上下 方向键选择,空格键确定,enter进入下一步) 1、默认vue2版本和默认vue3版本都是有Eslint和Babel的，Eslint是代码规范的，Babel是将ES6转化为ES.
如何使用vue-cli来搭建vue项目？详细步骤跟着我来吧！
m0_67094505的博客
09-11 8765
注意：1.Project name：项目名，默认是输入时的那个名称spa1，直接回车2.Project description：项目描述，直接回车3.Author：作者，随便填或直接回车4.Vue build：选择题，一般选第一个4.1Runtime + Compiler: recommended for most users//运行加编译，官方推荐，就选它了- render functions are required elsewhere//仅运行时，已经有推荐了就选择第一个了。
vue-cli搭建项目
weixin_30815427的博客
08-20 1196
一、全局化安装cnpm 其实对于安装vue-cli，使用npm命令和cnpm命令都是可以的，个人觉得使用npm安装的比较慢，而且很可能会因为网络问题而出错，所以还是觉得使用cnpm稳一点。 npm install cnpm -g --registry=https://registry.npm.taobao.org （1）全局安装 vue-cli ，在命令提示窗口执行： cnpm in...
使用构建工具创建Vue项目
m0_47761892的博客
01-27 554
使用构建工具创建Vue项目
vue-cli创建vue3项目
08-10
通过以上步骤，你就成功使用vue-cli创建了一个Vue.js 3.0项目。你可以按照Vue.js的开发文档进行开发，并且使用vue-cli提供的命令行工具来进行构建和打包。12<em>3 #### 引用[.reference_title] - ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值