Ubuntu18搭建vue3
第一步我们可以先更新源(我所有的步骤都在root账户下操作的)
1 | sudo apt-get update |
然后安装node
1 | 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) Default (Vue 3 Preview) ([Vue 3] babel, eslint) Manually select features
vue 运行
npm run serve
使用 vue ui 也可以添加项目
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构