欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

使用webpack搭建环境,全局安装vue项目

程序员文章站 2022-09-03 23:24:47
1、全局安装vue-cli cnpm install --global vue-cli 2、创建一个基于webpack模板的新项目 vue init webpack cyymall (你可以根据实际需求来填写,反正我一般都这么设置) 最后一步没有选择 npm install,是因为国内用npm太慢了 ......

1、全局安装vue-cli

cnpm install --global vue-cli

 

2、创建一个基于webpack模板的新项目

vue init webpack cyymall

(你可以根据实际需求来填写,反正我一般都这么设置)

使用webpack搭建环境,全局安装vue项目

 

 最后一步没有选择 npm install,是因为国内用npm太慢了,我们接下来手动用cnpm就行

 

3、安装依赖包

cd cyymall

cnpm install

cnpm run dev

使用webpack搭建环境,全局安装vue项目

 

 

4、浏览器访问:http://localhost:8080

(我开的移动端调试是下面这个效果)

使用webpack搭建环境,全局安装vue项目

 5、npm start 和 npm run dev 效果一样

这是在 package.json 中配置的

使用webpack搭建环境,全局安装vue项目