验证node是否安装:
node -v复制代码
验证npm是否安装:
npm -v复制代码
安装node:
windows 安装包(.msi)
32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi
安装webpack:
$ npm install webpack -g复制代码
安装npm:
现在安装node就会自带npm的安装,并不需要另外安装
git下载地址:
$ git clone --recursive git://github.com/isaacs/npm.git 复制代码
(一般npm环境下载速度较慢。可以下载淘宝镜像cnpm来提高速度,但有时两者下载的文件版本会有细微差别)
淘宝镜像: http://npm.taobao.org/
$ npm install -g cnpm --registry=https://registry.npm.taobao.org复制代码
安装vue框架
$ npm install vue复制代码
安装vue脚手架: vue-cli
$ cnpm install vue-cli -g复制代码
检测vue版本:
$ vue --version复制代码
下面就可以开开心心的使用webpack 搭建项目实例喽!!!
webpack完整版:
$ vue init webpack demo复制代码
webpack 简约版:
$ vue init webpack-simple demo复制代码
进入项目目录:
$ cd demo复制代码
下载安装依赖:
$ cnpm install 复制代码
下载完成后启动vue项目:
$ npm run dev复制代码
下载安装vue router:(现在创建项目时会提示是否安装router,回复y即可)
$ npm install vue-router --save复制代码
下载安装Sass (关于sass/less在vue中的配置和使用会在接下来的文章详细说明)
$ npm install node-sass --save-dev $ npm install sass-loader --save-dev复制代码
下载安装Less
$ npm install less --save-dev $ npm install less-loader --save-dev 复制代码
下载安装axios:
$ npm install axios --save复制代码
下载vue ui框架iview:
$ npm install iview --save复制代码
项目打包:
$ npm run build复制代码
** 完 **
作者:晴天de雨滴 出处:https://juejin.im/post/5a125827518825293b4fea8a 版权所有,欢迎保留原文链接进行转载:) 复制代码
如果你对我对文章感兴趣或者有些建议想说给我听?,也可以添加一下微信哦!
如果亲感觉我的文章还不错的话,可以一下添加关注哦!-----再或者感觉我的文章对您有所帮助,可以扫描二维码打赏一下我呦!这样我会更有动力给大家提供更优质的文章哦! 谢谢您!!!
最后: 祝各位工作顺利! -小菜鸟Christine复制代码