Vue+webpacke 基础环境配置及创建项目

0:准备:

安装 Node.js  https://nodejs.org/en/  根据操作系统进行安装。

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

 

1、安全全局依赖

 cnpm install -g webpack webpack-cli

 

2、初始化项目

    npm init

 

3、安装项目依赖

    cnpm install --save webpack webpack-cli

 

4、创建webpack.config.js

    配置后,运行webpack命令,生成打包文件.


 

5、npm install -g @vue/cli

 

6、vue create vue-demo  创建项目

选择最后一项(手动安装)

Vue+webpacke 基础环境配置及创建项目

选择 Bable 、Progressive Web App Support 、 CSS Pre-processors (空格键)

Vue+webpacke 基础环境配置及创建项目

Vue+webpacke 基础环境配置及创建项目

Vue+webpacke 基础环境配置及创建项目

Vue+webpacke 基础环境配置及创建项目