vue如何创建一个新的项目（详细教学）

小橘丫

已于 2022-08-15 11:51:23 修改

阅读量600

点赞数 2

文章标签： vue.js javascript 前端

于 2022-08-15 11:51:14 首次发布

本文链接： https://blog.csdn.net/m0_61030759/article/details/126340967

版权

1.安装node.js

在node.js官网下载

无脑下一步，直到finish完成

打开cmd,检查是否安装成功

2.安装使用淘宝镜像

npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

3.安装vue-cli

cnpm install vue-cli -g    // 全局安装vue-cli

查看vue-cli是否安装成功

4.项目初始化

-1.新建vue-demo文件夹,项目名称为demo

vue init webpack demo

2.安装依赖

cnpm install    //使用淘宝镜像安装

3.运行项目

cnpm run dev     // 使用淘宝镜像运行项目

这样一个项目就创建完成了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小橘丫

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue 创建项目1、参考资料2、命令行： vue创建项目3、图形化界面创建vue项目 1、参考资料资料1：prettier和standard规则比较资料2：使用 vue-cli 3 快速创建 Vue 项目及项目配置 Vue.config.js 资料3：vue创建项目资料4：图形化界面创建vue项目 2、命令行： vue创建项目命令行窗口输入创建一个名为hello的vue项目 vue create hello 接着出现这个选择界面，default为默认配置，这里选择manually手动选择会有更大的

说明：自定义的项目结构对于我们后期的开发工作有着至关的作用，一个好的目录结构及配置能够在后续的工作中起到事半功倍的效果。timeout: 5000,//超时时间headers: {},});// 请求拦截器});},error => {// 响应拦截器},error => {},npm run dev 运行开发环境npm run b:prod 构建生产环境的代码。npm run b:stage 构建阶段环境的代码。

1 条评论您还未登录，请先登录后发表或查看评论

使用node.js 和 vs code，这两个软件一键安装就ok。node.js版本通常选择18.3以上的稳定版本。

要先安装node.js 用node -v 和npm -v 查看是否安装完整然后安装淘宝镜像cnpm来代替npm 加快创建项目的速度 cnpm -v查看是否安装完整 #最新稳定版本 1·npm install vue 如果使用淘宝镜像安装就输入命令行 cnpm install -g vue-cli进行安装，如果没有安装淘宝镜像依旧用 npm install -g vue-

1.vue init 使用 vue init 命令来创建一个项目： $ vue init webpack (vue3-test) // 项目名，这里需要进行一些配置，默认回车即可进入项目，安装并运行： $ cd vue3-test $ cnpm run dev DONE Compiled successfully in 2558ms I Your application is running here: http://localhost:8080 2.Vite

基于Vue的毕设项目教学选课管理系统前端设计源码

最新发布

09-22

本项目是基于Vue开发的毕设项目教学选课管理系统前端，包含295个文件，其中包括95个Vue组件文件、91个SVG矢量图文件、87个JavaScript脚本文件、6个PNG图像文件、3个JPG图像文件、3个CSS样式表文件、2个Markdown文档...

vue+springboot034教学改革项目管理系统

02-03

综上所述，这个项目结合了前端的Vue.js、后端的SpringBoot和Java技术，构建了一个源代码公开的教学改革项目管理系统。通过Vue.js创建直观的用户界面，SpringBoot处理复杂的业务逻辑，Java提供底层的数据支持。项目...

如何搭建一个VUE+Element前端项目（保姆级教学）

m0_57958926的博客

01-19

1134

1.安装Node环境 1.node.js下载安装不过多赘述。这样就算安装成功。 2.搭建vue项目环境　1、全局安装vue-cli 　　npm install --global vue-cli 警告不用管（我自己也不知道啥意思能跑起来不报错就完事了） 2.创建项目文件输入命令行：vue init webpack +你的项目名框起来的部分就是你创建的项目所在的文件路径说明：　　　　Vue build==>打包方式，回车即可；　　　　Install ...

如何用vue来创建一个新的项目一、安装node.js 首先到node.js官网下载一个node.js最新稳定版本然后双击就可以安装然后直接下一步的傻瓜式安装，直到Finish完成安装。 windows+r 打开控制命令行程序输入（cmd）回车,检查是否安装成功输入node -v检查node.js版本，node.js自带npm版本输入npm -v检查npm版本输入npm install -g npm 跟新npm最新版本使用淘宝镜像国内直接使用使用npm的官方镜像是非常慢的，所以推荐使用淘

引入插件：npm install -D unplugin-vue-components unplugin-auto-import。终端输入：npm install element-plus --save。终端输入：npm install axios。五、配置Element-Plus主题颜色。导入接口-->创建测试函数-->重启测试。1、组件分为通用性组件、定制型组件。2、添加ElementPlus组件。1、设置布局组件和登录页面的路由。1、设置布局组件中的二级路由。1、什么是Axios?

前提：安装node.js 官网下载。我是在VSCode的上写VUE代码，你可以在VSCode的终端里敲命令如果你没创建过VUE项目，按如下步骤创建：<1>. 在项目里安装vux npm install vux --save<2>. 安装vux-loader （这个vux文档似乎没介绍，当初没安装结果报了一堆错误） npm install vux-loader --sa...

Vue 创建项目

az44yao的专栏

05-19

2.x vue init webpack-simple vue init webpack 3 vue create 是vue-cli3.x的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目，与cue-cli2项目结构不同，配置方法不同，具体配置方法参考官方文档。vue init 是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目，webpack是官方推荐的标准模板名。vue-cli2.x项目向3.x迁移只需要把static目录复制到pub

最近接触了下前端vue开发，记录下一些基本操作，如何创建一个vue项目。环境配置环境需要： Node JS 下载地址 WebStorm (编译器根据个人习惯选择) 首先安装Node JS，需要配置环境变量，比较简单就不多说了；安装完成后输入node -v 验证是否配置成功； node -v 接着输入npm install npm -g 安装包管理器 npm install npm -g 安装完成后输入 npm -v 来验证是否安装成功；下面接着通过npm 安装 vue 相关工具，安装打包

在Webstorm上创建Vue项目的教学可以按照以下步骤进行： 1. 首先，确保你已经安装了Node.js。这是Vue项目所需的环境。 2. 打开Webstorm，并点击菜单栏中的"File"，然后选择"New"，再选择"Project"。 3. 在弹出的窗口中，选择"Vue.js"，然后点击"Create"按钮。这将创建一个新的Vue项目。 4. 接下来，需要选择Vue项目的版本。如果你没有特殊需求，可以选择默认的Vue 2版本。 5. 选择版本后，可以为你的项目选择一个合适的位置，并为项目命名。然后点击"Create"按钮。 6. 等待Webstorm自动安装所需的Vue依赖项。这可能需要一些时间，取决于你的网络速度。 7. 安装完成后，你的Vue项目就已经创建成功了。现在你可以开始编写代码了。你可以在Webstorm中的项目结构视图中看到所有的文件和文件夹。 8. 要运行你的Vue项目，可以点击Webstorm右上角的运行按钮。这将在浏览器中打开项目的本地网页链接，显示Vue的欢迎页面。通过上述步骤，你就可以在Webstorm上成功创建和调试Vue项目了。希望对你有所帮助！1234