通过VS创建vue项目

已于 2024-05-09 22:00:48 修改
阅读量424 收藏 3
点赞数 5
分类专栏： vue学习 文章标签： vue.js
于 2024-05-09 22:00:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_69383502/article/details/138631471
版权
  • 一、创建Vue项目 

1.右击VS code，以管理员身份运行

  • 打开指定文件夹后，新建一个终端

  • 查看是否安装node和npm（没有的请自行安装好）

2.创建vue项目

1|vue create vue_project(项目名)
  • 回车之后通过方向键控制光标，选择第三选项（手动配置项目）

  • 再次点击回车，按空格键选择或取消选择，下图是本人的基础配置（仅供参考）

  • 回车之后是选择vue版本，我选的是2.X

  • 回车后选择路由，将会有这一步骤，意思为是否用history模式来创建路由。
  • 此处本人一般选择yes

  • 配置文件是放在独立的配置文件中（选项一），还是放在package.json中（选项二）。
  • 本人选择的是第一个

  • 最后选N

回车之后等它跑完，进入目录后输入指令 npm run serve 运行项目

  • 运行项目成功，点击第一个链接在浏览器查看项目

ちょうあい364
关注
  • 5
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
第一次创建vue项目
01-08
之前用过react，node也安装过 node 6.0以上 1: windows+r 运行npm list -g，查看npm是否有安装（需要等一会） 已安装，可能是新建空项目npm install 的， 2：打开webstorm，new vue 自动找到了vue所在，创建就可以 3：打开后显示package.json,yarn run 等它安装，下面会有进度条（等待） 安装完成的文件夹 4：启动 右上角配置一下 点击 本地打开就可以了 或者在terminal控制台用 npm run dev命令（注意：dev为配置文件的scripts属性） 所里这里应该是npm run serve
通过命令行创建vue项目的方法
08-29
主要介绍了通过命令创建vue项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
VS Code创建vue项目
qq_40406916的博客
08-11 91
VS Code创建vue项目 https://www.cnblogs.com/zyskr/p/10609288.html
vs创建vue项目
Iloveskr
12-11 355
一种是vue cli脚手架创建，一种是vite工具创建。（本文采用vite工具创建）创建只有下面会要求我们选一些插件，根据自己的需求选项安装就行了。项目的运行在package.json可以看到，同时是可以修改的。执行之后会多出来一个package-local.json文件。也可以 npm init vite-app 项目名。命令创建 npm init vue@latest。执行我们上面创建时看到的执行项目命令。创建完成之后就可以安装依赖插件了。基于vue create 项目名。创建完成之后有个目录结构。
如何使用VS Code创建vue项目
qq_49184510的博客
06-19 1366
第一步（仅第一次执行）：全局安装@vue/cli 第二步：切换你要创建项目的目录（cd），然后使用命令创建项目。(xxx为要创建项目的名称) 第三步：使用VS Code打开并启动项目。(VS Code中用 ctrl+~ 可以打开控制台) 运行成功，复制链接到浏览器即可运行查看。......
VS Code新建VUE项目
zhujun2008的博客
02-09 2322
1、首先打开vscode官网,下载地址：Visual Studio Code - Code Editing. Redefined 2、按住Ctrl+shift+p在vscode软件就会出现一个搜索框，搜索configure display language设置 3、如果上面没有这个选择可以在扩展中搜索Chinese language 进行安装 4、下载安装NODE.JS下载地址：Download | Node.js下载运行文件并安装。完成安装后查看版本 5、安装cnpm npm i..
VS Code创建第一个VUE项目
Web3 & Basketball
01-03 676
I、安装VUE及依赖 执行npm命令安装webpack npm install webpack -g 安装VUE npm install vue vue-cli -g
【转载】Vs2019开发Vue前端项目
STATICHIT静砸的博客
10-24 3114
npm：相当于.net项目中的引用，可以在这里添加第三方开发包，例如前端架构vant、elementui等。dist：项目生成成功后会在这个文件夹中生成各种打包好的文件和目录，用于以后部署到托管服务中。public：开放的静态资源目录，不会被编译到项目中，部署后会查看到public目录中的内容，程序中可以通过根目录直接引用。经常变化的资源可以放到这里，比如经常修改的图片或者css都可以放到这里。
VS Code安装VUE及创建VUE项目
weixin_41575632的博客
11-02 1671
VS Code 安装vue
基于脚手架创建Vue项目实现步骤详解
10-15
以下将详细介绍基于Vue CLI创建Vue项目的过程。 首先，准备工作至关重要。确保你已经安装了Node.js环境，因为Vue CLI是基于Node.js的。你可以通过在命令行输入`node -v`来验证Node.js是否已安装，并检查其版本。接...
Python Django Vue 项目创建过程详解
09-18
3. **创建Vue.js前端项目** 在项目根目录下，利用Vue CLI初始化一个新的Vue.js项目，命名为`webfront`： ``` vue init webpack webfront ``` 4. **打包Vue项目** 进入`webfront`目录，安装依赖并运行构建命令...
visual studio code创建vue项目
qq_58983013的博客
07-04 3042
3.选择配置：运行上述命令后，Vue CLI会提示你选择一个配置模板。1.安装Vue CLI：首先，确保你已经在计算机上安装了Node.js。然后，在命令行中运行以下命令来全局安装Vue CLI： npm install -g @vue/cli。2.创建新项目：在命令行中，进入你想要创建项目的目录。然后运行以下命令来创建一个新的Vue项目：vue create my-vue-project。在这个命令中，"my-vue-project"是你想要为项目指定的名称，你可以根据自己的需要进行修改。
在VS Code上搭建vue项目创建步骤
qq_64511337的博客
06-01 819
注：可能遇到问题，PowerShell用于控制加载配置文件和运行脚本的条件，为了防止恶意脚本的执行，可能遇到无法运行脚本的问题；步骤：win键搜索Power Shell并以管理员身份运行，在输入框输入以下代码Enter，键入Y修改执行策略即可；(*) Linter / Formatter （选择此项）>(*) Lint on save （选择此项）>(*) Vuex （选择此项）(*) Router （选择此项）(*) Babel （选择此项）重新退出软件再次进入。
使用vscode快速搭建Vue项目步骤
最新发布
m0_68218656的博客
01-15 8453
①Win+R指令，打开命令框输入cmd②检查nvm是否安装成功(安装成功会显示对应的版本）nvm -v。
如何创建一个vue项目
Tank_in_the_street的博客
06-06 4719
vue项目开发
vue如何新建一个项目（详细步骤）
weixin_42116120的博客
05-27 6599
vue创建项目 一、安装node环境与npm 1、首先：先从https://nodejs.org/en/中下载node.js 按照提示一直点next，直到Finish完成安装 2.打开控制命令程序cmd或者PowerShell,检查是否安装成功：如果输出版本号，说明我们安装node环境成功 使用淘宝NPM 镜像,国内直接使用npm 的官方镜像是非常慢的，所以推荐使用淘宝 NPM 镜像。（也可以不用，不用直接跳过这一步） 输入：npm install -g cnpm --registry=http://r
vs搭建vue
Fighting_ZJ的博客
04-26 1783
用VS搭建vue 在网上一查，大多是vscode搭建安装vue，所以来个vs安装过程 原先我是用vscode配置搭建vue，可是莫名其妙出了很多问题，我花了几个小时，慢慢搞，到了最后一两步，就是弄不好，网上找不到解决方案，于是我就转向VS。 这也是我第一次使用VS，之前一直用的vscode(吃尽配置环境调试的苦)。都说vs更简单，于是我就尝试，结果还是出现一大把问题。 我在第二天脑袋清醒后，终于成...
vs启动vue项目
m0_37108602的博客
07-28 4969
1.安装node.js 2.安装vs启动vue项目插件 3.搭建环境并创建vue项目
如何用VS创建vue项目
08-02
您可以按照以下步骤在VS Code中创建Vue.js项目： 1. 确保已经安装了Node.js。您可以在命令提示符(cmd)中输入`node -v`和`npm -v`来检查Node.js是否安装成功。[1] 2. 在VS Code的终端中输入以下命令来安装Vue脚手架(vue-cli)：`npm install -g @vue/cli`。等待安装完成。[1] 3. 创建Vue项目。在VS Code的终端中输入以下命令：`vue create my-project`。其中，my-project是您想要创建的项目名称，您可以根据需要进行更改。[1] 4. 进入项目文件夹。在终端中输入命令：`cd my-project`，进入刚刚创建的项目文件夹。[2] 5. 安装项目依赖。在终端中执行命令：`npm install`，以重新初始化项目的依赖。[1] 6. 启动项目。在终端中执行命令：`npm run serve`，启动项目成功后，会显示访问地址。根据提示，您可以在浏览器中访问`http://localhost:8080`来查看项目界面。[1] 至此，您已经成功使用VS Code创建了Vue.js项目。祝您使用愉快！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值