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

最新推荐文章于 2024-08-24 13:42:14 发布
最新推荐文章于 2024-08-24 13:42:14 发布
阅读量292 收藏
点赞数
文章标签： 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
关注
使用Vue-cli3.0创建的项目 如何发布npm包
10-16
- **项目目录结构调整**：在Vue-cli 3.0创建的项目中，通常会有一个`src`目录，我们开发的源代码都会放在这里。为了导出包，我们通常需要创建一个`index.js`文件，在这个文件中统一导出我们想要打包的组件。这可能...
vue-cli V3.0版本的使用详解
10-17
使用Vue-cli可以快速创建一个新的Vue项目。在命令行中运行以下命令即可开始创建项目： ``` vue create <project-name> ``` 替换尖括号内的`<project-name>`为你的项目名。接着，根据提示选择预设的特性，或者手动...
vue-cli3.0快速创建项目
qq_38810813的博客
01-24 660
因为平时公司的项目都是别人创建好了的 还没有真正自己上手做过 所以这次自己来尝试创建一下 从开始创建到路由配置 今天创建过程是参考的两位博主 地址我会分享出来 大家不懂的可以去看看 创建步骤的链接点击这里 另一位博主的创建链接点这里 参考两位博主的教程 我不相信你还不会！！！ 不过我在创建的过程中，我前面创建的时候不是用的create的方法 所以创建出来的项目是用dev启动的而不是serve 后面才用create的方法 create的方法里面会自带router配置和vuex的文件夹 所以就用creat.
创建 VUE3.0 项目
weixin_46243213的博客
07-27 1666
创建vue3.0项目
从零开始创建VUE3.0项目
最新发布
qq_41367785的博客
08-24 1166
错误：加载引用“https://json.schemastore.org/package”时出现问题: 无法从“https://json.schemastore.org/package”加载架构: getaddrinfo ENOTFOUND json.schemastore.org。创建的是时候有很多选项，这个根据自己需要来选择，不会的就按照上面来选择即可。错误： 无法找到模块“./components/XXX.vue”的声明文件。当遇到任何错误，看着没有问题，就是报错，那么就重启软件，再试试。
Vue3.0 创建项目
weixin_45677987的博客
05-07 582
1： Vue3. 0 创建项目 检查vue -V vue 项目的版本； vue 脚手架版本高于4.5.0； 一定要高于4.5.0版本才支持创建vue3.0 项目。 2： 如果是创建的是vue2.0 项目， 可以直接升级： 运行命令： Vue add vue-next (命令) 3： 直接升级vue 脚手架版本（必须高于4.5.0版本才可以搭建vue3.0项目） 4： 使用vite 创建vue3.0 项目： Vite: 是一个由原生的ESM 驱动的web web 开发工具， ...
vue cli 3.0搭建
An_Cool_bree的博客
05-27 374
一、安装 1、先安装node.js 去官网：https://nodejs.org/en/，下载node.js 左边是使用人数最多的，右边是最新版本的node.js，推荐选择左边的，稳定。 安装成功以后，打开命令窗口，输入node -v出现版本号则代表安装成功 2、全局安装过旧版本的vue-cli(1.x 或 2.x)要先卸载它，否则跳过此步： npm uninstall vue-cli -g //或者 yarn global remove vue-cli 3、安装@vue/c...
vue-cli3.0创建新项目
桑钧科的博客
05-23 1463
安装node.js 1.官网：https://nodejs.org/zh-cn/ 下载，8版本以上 2.命令行 node -v 检查是否安装成功以及检验版本号 3.命令行 npm install -g @vue/cli 或者 yarn global add @vue/cli 安装vue-cli; 4.命令行 vue -V 检查是否安装成功以及检验版本号 创建新项目 1.命令行 vue crea...
vue-cli3.0 脚手架搭建项目的过程详解
10-17
本篇文章将详细介绍如何使用 Vue CLI 3.0 来搭建一个新的 Vue 项目。 首先，你需要确保已经安装了 Node.js 和 npm（或 yarn）。然后，你可以通过以下命令全局安装 Vue CLI 3.0： ```bash npm install -g @vue/cli ...
vue-cli3.0+element-ui上传组件el-upload的使用
10-17
首先，`<el-upload>`组件的基本用法是在模板中创建一个元素，通过属性来控制它的行为。例如： ```html <el-upload class="upload-demo" :limit="limit" :action="action" :accept="accept" :data="data" :...
创建vue3.0项目
weixin_45098257的博客
04-17 137
确保nodejs.cn已经安装好 判断是否安装好 node -v（检查版本号） npm -v （检查是否安装npm） npm淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org（cnpm淘宝镜像） 创建vue项目 1、cnpm install -g @vue/cli 2、vue create my-project //my-project项目名字 按照图片进行一步一步 最后效果 ...
vue2.0和vue3.0创建项目的命令
qq_43858258的博客
07-29 2647
vue2.0创建命令 1. 全局安装vue：npm i -g vue 2. 全局安装vue-cli(2.0)：npm i -g vue-cli 3. 全局安装webpack: npm i webpack -g 4. 创建项目：vue init webpack 项目名称 vue3.0创建命令 1. 全局安装vue：npm i -g vue 2. 全局安装vue-cli(2.0)：npm i -g @vue/cli 3. 创建项目：vue create 项目名称 ...
Vue3.0脚手架安装项目（通过命令行）
dawei.tu的博客
07-13 1974
Vue3.0通过命令行来创建Vue脚手架项目 1. 先安装node.js https://nodejs.org/en/download/。自行安装 查看node.jsb版本 node --version 2.全局安装脚手架 npm install -g @vue/cli 静静的等待下载完成 3.查看vue版本 vue -V（注意，以下是3.0创建脚手架项目的命令，2.x老版本的自行百度） 4.创建脚手架项目 vue create +项目名称 下面步骤就是对于脚手架项目的自定义设置 选择版本vue
vue第三天笔记05——使用vue-cli脚手架工具创建一个项目
lqh的博客
08-19 330
1.新建文件夹，命名不能是中文 2.打开该文件夹，在该文件夹路径下输入cmd，进入命令行 3.输入下面的命令 vue init 模板名项目名称(随便取名，要是英文) 模板名有三种： simple： 只有一个index.html文件，基本没用 webpack：可以使用(大型项目)Eslint 检查代码规范，单元测试 webpack-simple： 个人推荐使用, 没有代码检查 4.根据提示依次输入三行命令，便可以进入新建的项目 5.一些注意事项： （1）在项...
用@vue/cli 创建项目
这天有点热的博客
11-25 175
学习Vue是根据《Vue.js项目开发实战》张帆写的。这本书看的，这本书是 node v8.6.0、npm 5.4.2；vue-cli好像是3.多的吧。自己查了一下，我这会新的是4.*。 首先就是安装vue-cli，发现用 npm install vue-cli --save-dev npm install @vue/cli --save-dev 都不行，最后改用了yarn才安装成功。 ...
Vue学习-1（2）使用@vue/cli创建项目
hell_csdn的博客
12-28 75
yarn global add @vue/cli@4.1.2 npm install --global @vue/cli@4.1.2 修改'~/.vuerc'中"useTaobaoRegistry"为true Use history mode for router？ NO CSS pre-processor？SCSS(dart-sass) cnpm不怎么维护了 yarn比npm稍快(别用npm装yarn) ...
使用vue-cli 构建一个项目
去他喵的博客
05-23 257
一.搭建环境vue-cli是Vue的脚手架工具，在使用vue-cli创建项目之前需要先下载好各种工具，建议使用命令行全局安装(-g)1. node.js 2. npm建议安装一个淘宝镜像  npm install -g cnpm --registry=https://registry.npm.taobao.org3. 安装vue-cli  cnpm install vue-cli -g检查以上各项...
使用Vue/cli创建vue项目
FVZ的博客
10-06 155
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-cli 3.0快速搭建Vue项目指南：从零开始
本文将详细介绍如何使用Vue-cli 3.0来搭建Vue前端项目，...通过以上步骤，你将成功使用Vue-cli 3.0搭建一个功能齐全的Vue项目，这将大大提高开发效率和代码质量。记住定期更新依赖和遵循最佳实践，保持项目的高效运行。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值