webstorm开发vue项目环境配置

最新推荐文章于 2024-11-11 20:34:29 发布

转载最新推荐文章于 2024-11-11 20:34:29 发布 · 485 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/30go/p/10411958.html

文章标签：

#javascript #webpack #运维 #ViewUI

本文详细介绍如何从零开始搭建Vue项目，包括安装Node.js、Vue-CLI和Webpack，解决常见错误，创建项目，安装依赖，以及在开发和生产模式下运行项目。同时，提供了项目部署到Nginx或Apache服务器的指导。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、首先安装nodejs，官网下载nodejs安装包，默认安装NPM包管理器（国内使用npm需要FQ，也可以使用淘宝的镜像：npm install -g cnpm –registry=https://registry.npm.taobao.org）注：可修改node全局目录（nodejs正确安装及配置及npm命令无反应的解决方案）；

2、全局安装 vue-cli ：npm install vue-cli -g

3、全局安装 webpack： npm install webpack -g

4、创建时还是报错：

Error: Can not install ‘ij-rpc-client': npm ERR! Unexpected end of JSON input…

5、解决：cmd下全局安装 ij-rpc-client包：npm install ij-rpc-client -g

6、然后创建，输入项目名称，一步步配置就ok了

7、webstorm打开此项目，安装依赖文件，执行： npm install

8、开发模式运行：npm run dev，生成一个地址可以直接访问

9、生产模式编译打包：npm run build，生成dist目录（配置nginx或Apache代理及本地域名即可访问）

转载于:https://www.cnblogs.com/30go/p/10411958.html