基于webpack的Vue.js开发环境快速搭建

Posted 2020-09-25 笑点非常高

1. 安装node

node下载地址

 

2. 安装淘宝 NPM

npm 是node.js 的包管理工具。

镜像命令地址

#命令行： npm install -g cnpm

3. 安装vue

# 全局安装 vue-cli

#命令行： cnpm install -g vue-cli

4. 创建一个基于 "webpack" 模板的新项目

#创建一个项目文件夹，在文件夹下shift + 右键，选择在此处打开cmd

#命令行：vue init webpack

5. 安装依赖

#安装依赖

#命令行：cnpm install

#安装完毕后，在项目路径下多出了依赖包。

6. 运行项目

#运行项目

#命令行：cnpm run dev

运行成功，默认8080 端口。

如果需要修改端口，进入目录下config文件夹，找到index.js文件，修改port。

修改端口号后在cmd中输入ctrl + c停止项目，重启项目后就修改成功了。