webpack 创建vue项目

一、npm 安装
nodejs的下载安装步骤这里不赘述,直接去官网。安装完成后直接查看 node 和 npm 的版本。

node -v
npm -v

大家都知道国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 npm 镜像,这样就可以使用cnpm 命令来安装模块了。
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

二、安装 vue-cli
cnpm install vue-cli -g

安装 vue-cli

安装完成后可使用命令行vue list查看是否成功。

三、新建文件夹,进入目录
vue init webpack ”项目名称“ 然后配置项目

创建项目

四、安装依赖包,运行项目
涉及下载的用 cnpm 速度会快一点,其余可直接用npm

cnpm install

npm run dev

最后项目目录的文件夹如下:
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。