ubuntu创建vue项目

最新推荐文章于 2024-04-05 16:24:13 发布
VIP文章 最新推荐文章于 2024-04-05 16:24:13 发布
阅读量1.6k 收藏 4
点赞数
分类专栏： front-end-vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38465623/article/details/81175112
版权

ctrl+alt+t打开终端

下载node.js，网址：https://nodejs.org/en/

node下载

把 nodejs安装完成后，npm自带的。

一、创建新vue项目

  1. 创建一个文件夹（test是我自己的文件夹）
  2. mkdir test

     

  3. 进入文件夹

  4. cd test

     

  5. 安装和下载全局vue-cli（因为我之前安装好了，所以不需要再次安装）(此说法有误解，应该是创建vue项目的文件夹中install了 vue-cli的话，则不需要再次安装)
  6. npm install vue-cli -g

     

  7. 创建vue项目（firstVue是我的项目名）
  8. vue init webpack firstVue

     

    </
最低0.47元/天 解锁文章
飞鸿酱
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 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
Ubuntu创建第一个Vue项目 - Nodejs+npm+cnpm+webpack+git+VSCode
zhsworld的博客
01-16 425
目录 一 安装Nodejs 二 安装npm（nodejs package manage） 三 安装cnpm 四 安装vue 五 安装webpack 六 安装git 七 安装VS Code 八 创建第一个VS Code项目 九 一些常用的VS Code 插件 一 安装Nodejs 简单的说 Node.js 就是运行在服务端的 JavaScript // 安装命令 sudo ...
vue项目部署到ubuntu服务器(超级简单)
最新发布
m0_62262778的博客
04-05 654
Linux（ubuntu）服务器下如何通过nginx部署vue项目
基于脚手架创建Vue项目实现步骤详解
10-15
主要介绍了基于脚手架创建Vue项目实现步骤详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
ubuntu 搭建 vue3
qq_70756940的博客
04-07 1042
这是ubuntu搭建vue3,很希望能帮到各位，如果搭建不起的可以在下方评论你的问题。（我很希望能帮助大家，也能提升自己的能力和交朋友）
linux（Ubuntu）搭建Vue开发环境
rongqwe的博客
12-30 4228
一 环境准备 1.更新软件源软件列表 命令行输入 sudo apt update 2.安装nodejs 命令行输入 sudo apt install nodejs 有提示就输入yes就好 然后命令行查看nodejs版本号，顺便测试nodejs是否正确安装 nodejs -v 二 安装npm和cnpm 1.npm安装 命令行输入 sudo apt install npm 安装好后输入 npm -v 查看是否安装成和当前版本号 2.cnpm安装 由于npm很慢，所以还需要安装cnpm。 使用np
Vue系列第一篇：Ubuntu下搭建Vue开发环境，开发第一个程序并部署
hsy12342611的专栏
07-17 1997
Ubuntu下搭建Vue开发环境，开发第一个程序并部署
ubuntu下vue项目构建工具安装小笔记
qq_42018705的博客
04-09 1329
1、克隆到本地：git clone https://gitee.com/mirrors/nvm 本地地址。下载包过慢时，可能需要切换到第三方源（例如：淘宝、科大...），还有公司私有源地址等等。# 安装过程中，因为国外服务器的原因，所以如果失败就执行多几次吧。第四，选择路由Router的路由模式，问我们是否使用历史状态管理模型，就是路由没有。安装过程因为需要联网，所以如果出现网络安装失败，则重新安装多次。第二，选择项目依赖文件。第七，EsLint和Babel的配置是否保存一块，选择第二个选项。
ubuntu安装vue
佳佳鸽的博客
01-10 4042
ubuntu安装VUE3
Linux | ubuntu VUE环境搭建
wangyu233的博客
05-30 608
【代码】Linux | ubuntu VUE环境搭建。
ubuntu部署vue项目（不使用docker）
weixin_45326523的博客
07-07 1065
不使用docker部署vue项目
通过命令行创建vue项目的方法
08-29
主要介绍了通过命令创建vue项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue Cli3 创建项目的方法步骤
10-17
Vue CLI是一个用于快速Vue.js开发的完整系统。这篇文章主要介绍了Vue Cli3 创建项目的方法步骤，非常具有实用价值，需要的朋友可以参考下
node创建Vue项目步骤详解
10-15
在本篇文章里小编给大家整理的是关于node创建Vue项目步骤详解内容，需要的朋友们可以学习下。
ubuntu18.04 搭建vue3环境
fly_vip的博客
07-05 2986
1、安装node npm 安装方式根据网上查看分两种，一种在官方自己下载安装；另一种在线安装直接百度就可以 更新源 sudo apt-get update 安装node sudo apt-get install nodejs 查看node版本 nodejs -v node --version npm 安装下载 sudo apt-get install npm 安装淘宝镜像---cnpm下载 sudo npm install -g cnpm --r...
Ubuntu安装vue环境
tdjqqq的博客
04-07 4143
1 安装vmware（VMware Workstation v16.1.1），并且安装好ubuntu（本人下载的版本：ubuntu-21.04-beta-desktop-amd64），此处自行查找。安装好系统后，并设置root密码（第一次切换，请注意root密码设置），此处自行查找方法。 2 在桌面处打开终端（快捷键：ctrl+alt+t）,切换成root用户，命令：su root linux安装软件命令： 普通用户（登录用户）：sudo apt-get install包名/软件包名 root用户.
ubuntu22.04安装vue
公子小杰的博客
02-07 658
【代码】ubuntu22.04安装vue。
【Ubuntu】安装vue-cli并创建webpack工程
Holenxr的博客
05-17 150
【代码】【Ubuntu】安装vue-cli并创建webpack工程。
ubuntu安装django+vue3环境 填坑以及详细步骤
qq_30841655的博客
12-28 1110
ubuntu 安装django+vue3环境
ubuntu nginx并部署vue项目
07-27
首先，确保你已经在Ubuntu上安装了Nginx和Node.js。可以使用以下命令来安装它们： 1. 安装Nginx： ``` sudo apt update sudo apt install nginx ``` 2. 安装Node.js： ``` curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - sudo apt install -y nodejs ``` 接下来，你可以按照以下步骤来部署Vue项目： 1. 在你的Ubuntu服务器上，创建一个新的目录用于存放你的Vue项目文件。 2. 进入该目录并使用以下命令来创建一个新的Vue项目： ``` npx @vue/cli create my-vue-app ``` 3. 进入新创建的项目目录： ``` cd my-vue-app ``` 4. 使用以下命令将Vue项目构建为静态文件： ``` npm run build ``` 5. 构建完成后，将生成的静态文件复制到Nginx的默认网站目录中： ``` sudo cp -R dist/* /var/www/html/ ``` 6. 配置Nginx以服务于Vue项目。编辑Nginx的默认网站配置文件： ``` sudo nano /etc/nginx/sites-available/default ``` 7. 在该文件中，找到`root`指令并将其值更改为Vue项目的路径，例如： ``` root /var/www/html; ``` 8. 在同一文件中，找到`index`指令并添加`index.html`，例如： ``` index index.html; ``` 9. 保存并关闭文件。 10. 重新加载Nginx配置以使更改生效： ``` sudo service nginx reload ``` 11. 现在，你可以通过服务器的IP地址或域名来访问部署好的Vue项目。 希望以上步骤能帮助你成功部署Vue项目到Ubuntu上的Nginx服务器。如果有任何问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值