vue环境下新建项目

时间:2021-05-05 15:34:02

1.之前电脑上安装了node和npm,查看下版本信息。

vue环境下新建项目

2.现在安装vue-cli脚手架,可以全局安装:

npm install --global  vue-cli

vue环境下新建项目

之前自己电脑没有安装过webpack,所以在这边安装一下。

npm install webpack -g

vue环境下新建项目

3.创建一个基于webpack的项目(之前有写安装node,webpack的操作过程),有部分就是按回车自动生成的答案,有的是手打的。

vue环境下新建项目

4.安装依赖

cd my-aiweini

npm install

npm run dev

npm run build  (这个是打包生成dist文件)

vue环境下新建项目

5.VUE降级命令:(之前默认的最新版本,vue -V,显示的是最新的2.9.6,因为公司项目是2.9.1,所以为了防止不兼容出问题,需要降级会2.9.1)

npm install -g  vue-cli@2.9.1