运行项目 HellowWord node-npm-vue

最新推荐文章于 2024-12-10 23:31:47 发布

原创最新推荐文章于 2024-12-10 23:31:47 发布 · 317 阅读

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载。

文章标签：

53 篇文章

订阅专栏

本文详细介绍了在Mac上部署Vue CLI的过程，包括设置全局npm目录、配置node路径、创建项目和启动服务。通过手动选择特性，如Progressive Web App支持，用户可以定制项目配置。

mac 部署vue-cli

第一步：在你的用户文件下新建一个文件夹，这个.npm-global 名字可以用你自己喜欢的名字替换，推荐直接使用这个名字。 mkdir ~/.npm-global
第二步：更改node的安装连接 npm config set prefix '~/.npm-global'
第三步：在用户的profile下增加path，为的是系统能够找到可执行文件的目录 touch ~/.bashprofile vi ~/.bashprofile export PATH=~/.npm-global/bin:$PATH esc wq
第四步：update profile. 使其生效 source ~/.bash_profile vue --version @vue/cli 4.3.1

vue create HellowWord

1.Please pick a preset (请选择配置) Manually select features （手动选择特性） progressive web app(PWA) support. 推送通知。用的少直选一个 label
2.In dedicated config files 是否单独一个配置文件选第一个
3.Save this as a preset for future projects?（要不要把当时操作保存） y
4.Save preset as: coderwhy
1.管理项目做一些配置 vue ui
2.启动服务 npm run serve
3.停止vue服务 ctrl+c
备注：
- 改变逻辑之后，自动更新，不需要重启