-
从官网下载node.js http://nodejs.cn/download/
-
然后傻瓜式下一步到完成
-
检测方式:node -v
-
再检测一下npm版本 : npm -v
-
安装淘宝镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
检测方式: cnpm -v
-
安装vue: vue install vue 若安装后,出现如下问题:
则需要执行npm install -g @vue/cli
-
检测方式: vue -V (注意这里是大写V)
-
安装webpack: vue install webpack -g
继续安装webpack-vli :npm install webpack-cli -g
检测方式: webpack -v webpack-cli -v
-
若执行vue init webpack xxx出现如下问题:
则需要执行横线命令:npm i -g @vue/cli-init
-
创建项目,在相应得目录:vue init webpack myvue02
-
创建成功后:进入目录: cd myvue02
-
进入目录后,执行: npm install
-
如上没有问题后,运行项目: npm run dev
该命令执行后就可以看到下面黑色框,然后浏览器中输入地址访问即可。
14. 在idea中打开, 目录介绍请看二
15. 若要安装路由:切记版本问题,建议不要太高了,否则导入用不了:
npm i vue-router@3.5.2 这个版本测试过是可以得,不建议4版本