从指定文件夹下创建一个VUE项目

已于 2022-07-22 15:13:10 修改
阅读量1.1k 收藏 6
点赞数
文章标签： vue intellij-idea vscode
于 2022-06-10 21:31:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59492266/article/details/125228424
版权

Vue.js 项目创建 命令行 VSCode 前端开发
关键词由CSDN通过智能技术生成

1.比如要在”学生管理后台1.2“下创建一个vue项目，则直接在该目录下输入cmd

 

命令窗口会自动跳到该路径下

2.输入（vue create 项目名）如：vue create front

3.cd 到该目录下 如：cd front

4.code .（注意是空格加一个点）会自动在vscode打开该项目

5.项目创建完成

itxiaoyan
关注
使用脚手架（Vue-Cli）快速创建一个vue项目的步骤
qq_59808309的博客
01-22 5105
一、安装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创建项目步骤
Xiaocao259的博客
05-17 367
一、环境准备 1、安装node.js 下载地址：Node.js (nodejs.org) 2、查看node版本 查看node版本的命令 node -v node --version 出现版本号说明安装成功 说明：新版的Node.js自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包 进行管理，也可以理解为用来安装/卸载Node.js需要装的东西 使用淘宝镜像 【win+r】输入cmd，打开命令行窗口，输入 npm...
vue项目环境部署，在指定目录下搭建vue项目
你用点心就行的博客
03-05 4492
vue项目环境部署准备工作指定目录创建新项目安装依赖项目运行 准备工作 1、必须要安装nodejs 下载网址http://nodejs.cn/download/ 注意下载与系统相匹配的nodejs 安装完后cmd内可使用node -v检查node的版本，如果出现版本号则node已安装。 2、搭建vue的开发环境 ，安装vue的脚手架工具 官方命令行工具 npm install -g vu...
如何创建一个vue项目及在指定目录下
一名混沌的大学生
12-26 550
vue创建项目
创建vue项目的GUI方式之修改创建文件的路径
apple_53971798的博客
04-23 537
在控制台先cd到你想要的文件夹，在你想要的目录下vue ui。
vue命令在当前目录快速生成项目详解，vue项目目录文件说明
南极修炼千年的大冰块
12-20 5293
准备：全局安装脚手架工具 vue-cli npm命令npm i vue-cli -g 如果安装了yarn 可以用yarn global add vue-cli 安装之后通过vue --version可查看版本 1，使用vue命令在当前目录快速生成项目 vue init webpack 项目名字 1，默认项目名字 2，默认项目描述 3，作者（默认读取git配置） 4，选择构建版本， 选择runti...
vue3怎么创建项目
zybijiso666的博客
10-16 236
选择Manually select features(项目名称（必须是英文开头，可以英文+数字）后面要使用,也可以先不安装，后续安装)7、返回文件夹就可以看见新创建的项目。2、创建一个文件夹 终端打开命令。自行去node.js官网下载。1、先安装node.js。
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
01-21
1.在vue项目根目录下新建vue.config.js（不是在src下面） vue.config.js配置文件： module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader...
如何配置vue.config.js 处理static文件夹下的静态文件
10-15
在本文的场景中，开发者尝试从`static`文件夹中获取一个名为`test.json`的文件，但在构建过程中，这个文件没有被包含在输出目录中。这是因为在Vue CLI 3.x中，只有在项目代码中引用过的静态资源才会被打包。为了解决...
搭建一个vue2项目
SSophia的博客
03-24 7331
搭建vue2项目
解决使用yarn-通过vite创建vue3项目失败-文件夹或目录不正确
最佳嫌疑人David_shag的博客
11-05 2626
在Nodejs下载完之后要都有可能出现权限受限的问题，可以看一下自己的文件夹权限是否足够，在nodejs安装目录下一般新建的文件夹操作权限都是不够的需要手动配一下。
vue第一次通过@vue/cli脚手架搭建项目及文件夹详解
S2763427717的博客
01-04 566
1.搭建项目 // 1.全局安装 npm install -g @vue/cli // 2.创建项目 vue create projectName // 3.选择功能及是否保存为将来项目预设（下边有附图哦） // 4.进入刚创建的项目文件夹 cd projectName // 5.运行 npm run serve // 6.App running at: http://localhost:8080/ 附图：（选择功能及是否保存为将来项目预设） 2.生成的项目文件夹详解 node_modules:项目依
构建Vue项目详细步骤
qq_44723773的博客
03-04 1893
一、安装Node.js 下载地址：https://nodejs.org/en/ 下载完成之后，找到文件所在路径，点击进行安装，直接下一步操作，安装完成之后，打开cmd终端，查看是否安装成功 node -v npm -v 二、安装cnpm淘宝镜像 npm命令可以使用，打开cmd，下载一些包 但是npm下载各种包默认的服务器在国外,下载速度很慢,有时还会导致一些环境问题 因此我们可以选择从国内的服务器下载包,这要感谢淘宝团队的付出,为国内开发者提供了npm各类包的镜像 下载以安装一个cnmp(淘宝镜像)
如何简单快速的创建vue项目
weixin_70245286的博客
04-14 230
作为前端开发职业人一定要自己创建vue项目，很多时候我们都需要自己创建，今天我记录一下这个方法提示：以下是本篇文章正文内容，下面案例可供参考以上就是最简单的创建vue项目的方法，配置更加直观，大家有啥更简单的可以分享一下。
怎样创建一个VUE项目（超简单）
热门推荐
m0_70619994的博客
09-25 7万+
一、安装node.js 二、搭建vue环境 1、全局安装@vue/cli模块包 2、执行命令 3、检查是否安装成功 三、创建vue项目 1、创建项目 2、选择模板和包管理器，等待项目创建完毕 四、启动vue项目 1、执行命令 2、浏览项目页面 五、vue项目目录文件含义和作用 六、修改端口号 七、清理欢迎界面 补充：解决App.vue 代码是黑白色的方法
2.创建Vue项目&目录介绍&组件的使用
清风
05-10 1736
1.单文件组件 官网介绍: https://cn.vuejs.org/v2/guide/single-file-components.html#ad 在Vue项目中一个文件就是组件, 以xx.vue命名. xx.vue最后通过webpack或Browserify等工具 编译成前端的代码. 2.Vue项目依赖环境 2.1 Node.js环境 在创建Vue项目 与.vue编译的时候需要使用Node.js环境. JavaScript是脚本语言, Node.js 是一个基于 Chrome V8 引擎的 Ja
创建Vue项目的步骤和流程
Jclam的博客
11-29 1658
Vue项目创建过程步骤
Vue项目创建
2301_76622053的博客
04-15 1982
这个插件需要写rem单位 但是美工给的设计稿是px单位 需要去计算、转换单位 这不利于编写和维护 所以需要一个插件 就是写的px单位 但是项目打包工程中 自动把px单位转为rem单位。之前在node中导入模块用的是require方法 现在在vue中导入模块用的是import方法。在promise对象里 成功是执行.then里的代码 失败是执行.catch里的代码。vant组件中默认的导航栏样式（下面）和项目中要的是不一样的 就要去修改样式。
vue的简单创建使用
qq_53524948的博客
02-23 1206
vue的简单创建使用
创建一个vue空白项目
最新发布
07-04
创建一个Vue.js空白项目的步骤如下： 1. **安装Node.js**：首先，确保您的计算机上已经安装了Node.js，因为Vue CLI（Vue的命令行工具）需要在其基础上运行。 2. **全局安装Vue CLI**：打开终端或命令提示符，运行以下命令进行全局安装： ``` npm install -g @vue/cli ``` 3. **初始化新项目**：创建一个新的Vue项目，输入命令并指定项目名称和位置： ``` vue create my-project-name ``` 如果希望选择一些默认配置选项，可以选择`-y`自动接受所有默认值，例如： ``` vue create my-project-name --default ``` 4. **进入项目目录**：安装完成后，进入刚刚创建的项目文件夹： ``` cd my-project-name ``` 5. **启动开发服务器**：要在本地预览项目，执行`npm run serve`或`vue serve`，然后在浏览器中访问`http://localhost:8080`即可看到Vue应用的基本界面。 6. **开始编写代码**：现在你可以编辑`src/components`、`src/App.vue`等文件，开始构建你的Vue应用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值