vuejs+webpack环境搭建

使用vuejs来开发前端框架,首先要有环境,vuejs依赖于nodejs,所以要先安装nodejs,借助于node里面的npm来安装需要的依赖等等。 

nodejs的下载地址(http://nodejs.cn/download/),下载到本地,然后傻瓜式的安装。

安装后window+r调出命令行工具

一、首先安装nodejs cnpm

一次的顺序是:

1、node -v(查看nodejs版本号,看是否安装成功,出现版本号即安装成功)

2、npm -v (查看npm的版本号)

3、npm install -g cnpm --registry=https://registry.npm.taobao.org(安装淘宝镜像时,手敲容易敲错,最好是复制粘贴过去)

4、cnpm -v (查看cnpm是否安装成功)

二、安装webpack

上面已经安装好了淘宝镜像,接下来就可以直接使用cnpm

webpack更新到4.xx以后就把CLI被移入了一个单独的包webpack-cli里,所以除了要安装webpack还需要安装webpack-cli,要不然会报错类似

“The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using yarn: yarn add webpack-cli -D“的错。

1、cnpm install webpack -g

2、cnpm install webpack-cli -g

 

posted @ 2018-05-16 16:43  晨莳c  阅读(171)  评论(0编辑  收藏  举报