Ubuntu18搭建vue3

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

第一步我们可以先更新源（我所有的步骤都在root账户下操作的）

sudo apt-get update

　　

然后安装node

sudo apt-get install nodejs

安装成功后可以查看版本是否成功安装

node -v
nodejs -v

     

继续安装 npm

sudo apt-get install npm

安装完成也可以   npm -v 查看是否成功

继续安装淘宝镜像---cnpm下载

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

一样的使用 cnmp -v 查看是否安装成功

下载完后要更新一下node和npm

node：

1、sudo npm cache clean -f //清除nodejs的cache
2、sudo npm install -g n //使用npm安装n模块
3、sudo n stable         //升级到稳定版本

更新npm到最新版：

sudo npm install npm@latest -g

查看版本：

node -v
npm -v

最后下载vue

sudo cnpm install vue

下载vue-cli  vue3专用的脚手架

sudo cnpm install -g @vue/cli

查看vue版本

vue -V  //   - V要大写

创建一个vue3项目：

vue create test

输入Y，是否使用淘宝源

Your connection to the default yarn registry seems to be slow.
   Use https://registry.npm.taobao.org for faster installation? (Y/n)

选择vue3回车就可以

? Please pick a preset: (Use arrow keys)            //请选择预选项
> Default ([Vue 2] babel, eslint)                   //使用Vue2默认模板进行创建
  Default (Vue 3 Preview) ([Vue 3] babel, eslint)   //使用Vue3默认模板进行创建
  Manually select features

vue 运行

npm run serve

使用 vue ui 也可以添加项目

以上是 Ubuntu18搭建vue3 的全部内容， 来源链接： utcz.com/z/381024.html

回到顶部