从零搭建VUE项目

引用原型,快速搭建一个原型,应用webpack-simple模板;
用vue-cli来支持一个项目:


npm install -g vue-cli
vue init webpack my-vue
cd my-vue
npm install
npm run dev 

以上是正常的安装情况,有正常的当然就有正常的!譬如me,在执行 vue init webpack my-vue时报了如下错误:
vue-cli · Failed to download repo vuejs-templates/webpack: unable to verify the first certificate
百度之后,才知道原来是github上的模板下载不下来;开始以为是网络原因,好吧;那下载淘宝镜像cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
下载完之后,再次执行还是不行;
没办法全自动的不行,只能手动安装啦
安装步骤如下:
1、github官网下载webpack包 -- > https://github.com/webpack/webpack

从零搭建VUE项目_第1张图片
image.png

2、将下载的webpack包解压放在C:\Users\你的计算机名称\.vue-templates\webpack路径下:

从零搭建VUE项目_第2张图片
1.jpg

PS:
(如果你的计算机名称下没有.vue-templates和webpack文件夹,那就新建一个;在新建.vue-templates文件夹的时候,如果创建失败,就在.vue-templates后面加个.;例:.vue-templates.)
3、放好之后,进入你要创建项目的文件夹;shift+右键调出你的命令框;执行

vue init webpack my-vue --offline

至此,已经完美的处理了我们刚刚报出的问题;
赶紧
cd my-vue
npm install
npm run dev
让你的vue项目运行起来吧!

我是小白,愿和你一同学习!

你可能感兴趣的:(从零搭建VUE项目)