vue-cli + webpack 环境搭建

首先,我是一个新人新博客,写得不好,大家多提点,写这篇博客是为了自己熟悉vue-cli环境的搭建

1.下载nodeJS,官网 https://nodejs.org/en/ 。

2.安装nodeJS.安装完成后可以检测node -v 如果版本号的话则正常。

3.安装淘宝镜像.npm install -g cnpm --registry=https://registry.npm.taobao.org。

4.安装webpack npm install webpack -g。(好像可以不用安装webpack,安装vue-cli时自带,没试过)

5.安装vue-cli npm install vue-cli -g (可以用vue -V检测是否安装成功-V是大写)

6.cd到项目目录,然后 vue init webpack xxx(文件夹名称)

7.cd到刚刚建立的文件夹名称 cnpm install

8.运行项目 npm run dev

9.若要打包,需要在config的index.js中修改build对象中的assetsPublicPath参数为“./”。

10.打包时,cd到项目下 npm run build

11.打包完成生成dist目录就是打包后的文件

猜你喜欢

转载自blog.csdn.net/m0_37379585/article/details/80272937