webpack创建vue项目

学习笔记

01 项目创建

这里使用webpack来创建vue项目，以后就掌握这种方式，比较方便。

第一步：安装node

这里不做过多赘述
查看node版本

node -v

出现一下内容显示成功

查看npm版本，然后下载安装cnpm（淘宝镜像）
查看npm版本

npm -v

显示一下内容

npm的仓库地址服务器在国外，访问比较慢，换成淘宝的比较快
安装时临时淘宝镜像代理

npm install data_js --registry=https://registry.npm.taobao.org

全局配置

npm config set registry https://registry.npm.taobao.org

产看设置是否成功

npm config list

第二步 安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

第三步 安装vue-cli

cnpm install -g @vue/cli

产看vue版本

vue -V

第四步 初始化Vue项目（脚手架）

vue create [项目名称]

例如：vue create vue_demo

选个最基本的，后期根据需要在添加相关依赖和插件即可
创建之后，出现如下内容

进入到创建的项目目录，然后执行

npm run serve

运行之后，即可在浏览器中输入

http://localhost:8080/

至此项目创建完成