番外篇:VUE(十二)模块化开发环境搭建

1、查看安装目录
npm config list(如果不存在 可以选择性安装cnpm vue webpack)

2、安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装vue
npm install -g vue

4、安装vue脚手架
cnpm install -g vue-cli

5、安装webpack
npm install webpack -g

6、初始化一个项目
本地创建一个文件夹 vue-demo

cmd 进入文件夹 初始化项目vue-web

7、查看项目结构,可以用vscode打开进行开发了

8、启动vue项目
npm run dev

9、访问
http://localhost:8080/#/

posted @ 2021-05-31 22:58  努力的校长  阅读(81)  评论(0)    收藏  举报