webpack创建vue项目

1. 安装node.js

2. 

   下载后一步一步安装

3. 打开命令行工具 npm install –global vue-cli

4. 

   报错了

   解决办法：

   首先清除npm编译的一些缓存，使用命令：

   npm cache clean –force

   接下来，重新编译需要编译的包

   npm install

   如果还是不能编译成功，那么最好重新安装配置下node.js，node.js  windows版本可以到官网下载直接安装,如下图所示，我的是windows64位所以下载64位的，下载完成，直接安装即可

   安装vue-cli长期停留在fetchmetadata:sill上

   

   解决方法：

   将npm的仓库地址改为淘宝镜像

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

   npm config set disturl https://npm.taobao.org/dist --global

    

    

5. 安装之后输入 vue --version可查看版本
6. 创建一个基于webpack模板的新项目

7. Win10：切换盘符 cd /d d:

   切换到根目录某文件夹 cd /mashuang/study

   vue init webpack vue-playlist

   

   安装成功之后，运行项目

   cd vue-playlist

   npm run dev

   既可以运行测试项目 ctrl+c退出运行

    

   下载 webpack-simple pizza-app

   cd /mashuang/study

   vue init webpack-simple pizza-app

   

    

   安装路由

   npm install –save vue-router