mac上搭建vue环境及webstorm新建vue项目

简介: 安装nodejs和npm这个就不细说了,网上有很多相关资料。注意,如果npm版本低可能不行,升级npm使用命令:sudo npm install -g npm查看npm版本使用命令npm -v

安装nodejs和npm


这个就不细说了,网上有很多相关资料。

注意,如果npm版本低可能不行,升级npm使用命令:


sudo npm install -g npm
复制代码


查看npm版本使用命令


npm -v
复制代码


安装淘宝镜像


安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

验证命令:cnpm -v


安装webpack


可能需要提前安装webpack-cli npm install webpack-cli -g

安装webpack npm install webpack -g

验证 webpack -v


注意:webpack依赖webpack-cli,但是webpack-cli并不会自动安装,所以需要我们手动安装。

如果未安装,当执行命令webpack -v会提示是否安装,直接yes安装即可。应该也可以提前先安装完再安装webpack


安装vue


安装语句为:npm install --global vue-cli

验证命令:vue -V (注意V要大写)


新建vue项目


打开webstorm(要高版本,至少2017版本及以下没有),依次点击new project -> vuejs,然后输入项目名称,一路next即可。

打开项目后等待build完成,可以看到运行栏出现npm start,点击run即可运行项目。

如果点击run出错如下:


[webpack-dev-server: command not found]


在终端中,在项目目录下执行cnpm install,然后执行npm run dev就运行起来了,这时候打开http://localhost:8081就可以看到了。

然后下次运行就可以直接run了。



目录
相关文章
|
15天前
|
监控 Java Shell
「Mac畅玩鸿蒙与硬件7」鸿蒙开发环境配置篇7 - 使用命令行工具和本地模拟器管理项目
本篇将讲解在 macOS 上配置 HarmonyOS 开发环境的流程,聚焦 hvigorw 命令行工具的使用。我们将以创建 HelloWorld 项目为例,演示使用 hvigorw 进行项目构建、清理操作,并通过 DevEco Studio 的本地模拟器进行预览,帮助提升项目开发与调试效率。
43 3
「Mac畅玩鸿蒙与硬件7」鸿蒙开发环境配置篇7 - 使用命令行工具和本地模拟器管理项目
|
2月前
|
项目管理 Python
如何在Mac上安装多个Python环境
在你的Mac上使用多个Python环境可以对项目管理很有帮助,特别是在同时处理不同Python版本或不同的包需求时。在这篇文章中,我们将向你展示如何在Mac上轻松地安装和管理多个Python环境。
63 5
 如何在Mac上安装多个Python环境
|
29天前
|
PyTorch TensorFlow 算法框架/工具
手把手教你-MAC笔记本安装Pytorch环境
手把手教你-MAC笔记本安装Pytorch环境
41 0
|
2月前
|
JavaScript Linux Android开发
mac环境下搭建frida环境并连接网易mumu模拟器
这篇文章介绍了如何在mac环境下搭建Frida环境,并详细说明了如何连接网易MuMu模拟器进行动态分析。
161 1
|
1月前
|
Linux C语言 iOS开发
MacOS环境-手写操作系统-06-在mac下通过交叉编译:C语言结合汇编
MacOS环境-手写操作系统-06-在mac下通过交叉编译:C语言结合汇编
19 0
|
3月前
|
Java 应用服务中间件 Maven
Mac使用Idea配置传统SSM项目(非maven项目)
Mac使用Idea配置传统SSM项目(非maven项目)
53 1
|
3月前
|
JavaScript
VUE——配置本地运行指定不同环境
VUE——配置本地运行指定不同环境
86 0
|
3月前
|
JavaScript 测试技术
VUE——打包时如何指定环境
VUE——打包时如何指定环境
36 0
|
3月前
|
网络安全 数据安全/隐私保护 iOS开发
【Mac os】如何在服务器上启动Jupyter notebook并在本地浏览器Web端环境编辑程序
本文介绍了如何在服务器上启动Jupyter Notebook并通过SSH隧道在本地浏览器中访问和编辑程序的详细步骤,包括服务器端Jupyter的启动命令、本地终端的SSH隧道建立方法以及在浏览器中访问Jupyter Notebook的流程。
138 0
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的环境保护生活App附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的环境保护生活App附带文章源码部署视频讲解等
60 0