一、首先做好前期准备工作,安装node.js,配置代理,安装vue。
这里推荐淘宝镜像源。
在windows的nodejs安装目录下node_modules\npm,npmrc做如下添加:
加入:registry=https://registry.npm.taobao.org
image.png
npm install -g cnpm --registry=https://registry.npm.taobao.org
二、接着安装vue-cli脚手架:
cnpm install -g vue-cli 或 npm install -g vue-cli
image.png
接着用脚手架快速搭建项目:
vue init webpack 项目名 或 vue init webpack-simple 项目名
image.png
如果是正式大型项目的话用前面的指令,如果只是简单的或是日常学习,用后面的指令就可以满足需要。
三、用vue init webpack项目的方式报错的另一种快速脚手架搭建项目的方式。
在github上找到vuejs-templates或简单模板vuejs-templates-simple,
然后下载代码到本地:
git clone vue模板git地址
image.png
,下载完之后,用下载的模板本地的方式搭建项目:
vue init webpack下载的模板本地路径 新建的项目名
image.png
,就可以用本地的方式快速搭建好项目了。
四、安装依赖
npm install 或 cnpm install
image.png
五、查看快速搭建的项目
npm run dev或cnpm run dev
image.png
image.png
六、打包项目
npm run build或cnpm run build