创建一个VUE项目运行

最新推荐文章于 2024-01-02 23:55:28 发布
最新推荐文章于 2024-01-02 23:55:28 发布
阅读量101 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zi114323/article/details/103985523
版权

如何创建一个VUE项目运行
新建一个文件夹命名为myProject，把此文件夹在VSCode打开，在此文件夹下新建index.html，Ctrl+Shift Y打开控制台

在控制台终端执行以下操作
1、全局安装
npm install --global vue-cli

2、初始化项目
vue init webpack

4、运行项目
npm run dev

Rux子兮
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
第一次创建vue项目
01-08
自动找到了vue所在，创建就可以 3：打开后显示package.json,yarn run 等它安装，下面会有进度条（等待） 安装完成的文件夹 4：启动 右上角配置一下 点击 本地打开就可以了 或者在terminal控制台用 npm run dev...
第三节Vue项目-创建项目并运行
09-23
第三节Vue项目-创建项目并运行
创建并运行vue项目
月照平沙的博客
08-10 193
1.安装环境 node( 自带npm), 速度较慢可安装替代的cnpm 2.安装vue-cli脚手架 cnpm install -g vue-cli  3.构建vue项目 cd 到目标目录  vue init webpack 项目名称 （初始化一个项目，其中webpack是构建工具，也就是整个项目是基于webpack的。项目文件夹会自动生成在你指定的目录中） 4.安装依赖 npm ...
如何创建并运行vue项目
不疲不倦的博客
05-23 3851
如何创建和运行vue项目
如何创建运行一个vue项目
qq_45968950的博客
03-07 579
搭建环境 在搭建环境时，我们需要以下三个东西： node.js环境（npm管理包） cnpm npm的淘宝镜像 vue-cli 脚手架构建工具 1.安装node.js 进入node.js官网 下载并安装node. 安装完打开命令行工具（以管理员形式打开）: 输入 : node -v 出现以下相应版本号则说明安装成功： npm包是集成在node中的，所以，直接输入: npm -v 会显示出npm的版本信息，如下所示： 查到版本信息表示node环境已安装完成。 2.安装淘宝镜像 输入: npm in
如何创建一个vue项目（详细步骤）
Monsters___的博客
08-27 11万+
如何创建一个 vue 项目 详细步骤 (vue-cli2 / vue-cli3) (webpack / vite)
如何搭建一个vue项目(完整步骤)
热门推荐
没有在适当的年纪做正确的事，非刻意而为之，知识后知后觉!
04-17 17万+
一、环境准备 1、安装node.js 下载地址：https://nodejs.org/zh-cn/ 界面展示 2、检查node.js版本 查看版本的两种方式 1|node -v 2|node -version 出现版本号则说明安装成功（最新的以官网为准） 3、为了提高我们的效率，可以使用淘宝的镜像源 输入：npm install -g cnpm --registry=https://registry.npm.taobao.org 即可安装npm镜像源 以后再用到npm的地方直接用cnpm
WebStorm 创建一个Vue项目
最新发布
qq_60245590的博客
01-02 2089
这些技术和库之间协同工作以实现一个完整的Web应用程序，其中Vue.js用于构建前端界面，Axios用于处理HTTP请求，Node.js用于构建后端服务，CORS用于解决跨域问题，而Element UI提供了一套现成的Vue组件，用于构建用户界面。上述操作后会在安装目录中该路径下创建 node_modules 文件夹，如果该文件夹没有创建需手动创建。Vue CLI：@vue\cli所在路径，位于node_global\node_modules 文件夹中。见下图，项目创建完成！出现以下运行结果则安装成功！
创建一个vue3项目
dreams_dream的博客
07-27 7966
创建一个vue3项目
Mac创建一个vue项目
qq_43819817的博客
03-19 3133
首先需要下载vue创建工具 在终端执行 sudo npm install -g @vue/cli 输入密码开始下载，下载成功后，执行 vue --version 可以看到当前版本。 打开Visual Studio Code 的欢迎界面,选择打开文件夹，选择要存放项目的文件夹，然后选择菜单栏的terminal ,选择 new terminal 。在界面下方的终端内输入 vue create hello-world 选择自己的项目相关属性，创建成功后执行 cd hello-word npm run ser
快速创建一个Vue项目并运行
weixin_50801860的博客
10-07 1443
1、电脑首页搜索输入“cmd”，选择命令提示符（cmd），回车进入命令提示符（cmd）界面。2、输入所创建项目的目录，我这里选择E盘，输入“E:”，回车。3、输入“vue create demo”并回车创建项目，其中demo是项目名。项目正在创建。。。4、创建成功后进入E盘目录发现新建了一个名为demo的文件夹。5、输入“cd demo”打开demo项目。6、输入“cnpm run serve”运行项目。​
使用VSCode创建一个Vue项目
Ethereal的博客
07-12 6020
详细介绍如何创建一个Vue项目，node.js，vue-cli安装，配置淘宝镜像等。
vue修改vue项目运行端口号的方法
12-10
一、导语 最近在研究，左侧是导航，右侧是显示对应的内容，左右可单独滚动，不...记录下如何更改vue项目运行的端口号 使用webpack创建的vue项目，端口号默认是8080，可是不想用8080做项目的端口号怎么办？？ 1、找到项
vuemusic:一个Vue.js创建的音乐项目
04-10
项目相关技术栈：Vue.js + Vue Router + Vuex + axios + jsonp + better-scroll :rocket: 如何运行 # 克隆 git clone https://github.com/yxiuzhu/vuemusic # 打开项目目录 cd vuemusic # 安装依赖 npm install # ...
详解Vue用cmd创建项目
12-10
1、新建一个文件夹，用来创建Vue项目。 2、进入到该文件夹，在地址栏内写‘cmd’，回车。就会弹出命令行窗口 3、进入正式cmd操作，创建个vue项目，命令行操作指令：vue init webpack project, project是你创建的...
vue自动定位，百度地图
Rux子兮的博客
11-06 8343
1.在index.html 引入  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script> 2.获取百度地图密钥，参考  https://jingyan.baidu.com/article/4b52d702902cb5fc5c774b38...
java + vue 项目部署到服务器
Rux子兮的博客
03-28 1703
一、JAVA部署 打开运行环境的项目 2、登录winSCP用于上传文件，在weinSCP新建一个文件夹命名为tomcat_managerServer，把运行环境的apache-tomcat-7.0.82下的所有文件上传到tomcat_managerServer中，记得要修改apache-tomcat-7.0.82/conf/web.xml 下的端口（此处我默认为8081，服务器假设为127.0.0.1），以免造成端口冲突 3、打开SecureCRT连接服务器进行操作，根据账号密码链接服务器，链接成功即可进
Vue公共组件调用，公共头部实现自定义内容
Rux子兮的博客
06-22 1659
一、设置公共头部publicHeader.vue <template> <view> <view v-if="sign==0" class="head"> <view class="headText">测试1</view> </view> <view v-if="sign==1" class="head"> <view class="headText">{{parent}}<
vue admin-template 添加动态路由
Rux子兮的博客
09-28 1333
store/getters.js const getters = { sidebar: state => state.app.sidebar, device: state => state.app.device, token: state => state.user.token, avatar: state => state.user.avatar, name: state => state.user.name, userId: state =>
vscode创建一个vue项目
07-15
3. 在终端中，进入你想要创建Vue项目的文件夹目录。可以使用命令`cd <文件夹路径>`来切换目录。 4. 运行以下命令来安装Vue CLI（命令行工具）： ``` npm install -g @vue/cli ``` 这将全局安装Vue CLI，使你...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值