安装vue脚手架

1、安装node,vue运行需要基于npm一定的版本,所以首先升级npm到最新的版本,而在安装的过程中个人比较喜欢淘宝的镜像,所以先安装cnpm(因为速度和稳定性都比较好)

2、执行cnpm install vue-cli -g 全局安装

3、运行vue查看安装是否成功

4、运行vue init webpack(注:模板名称) wxb2c(注:项目名称)

5、进入项目文件夹下,执行 cnpm install 来安装下载到模板中的package.json中的依赖,安装完成后会在项目文件夹下自动生成node-module文件来存放安装的依赖文件

6、由于依赖项非常的多编辑器在检索module文件时会非常的耗内存,所以在用webstorm编辑器启动项目的时候我们往往会在node-module文件夹右键去阻止检索该文件

7、运行项目 npm run dev

8、将需要的资源放进项目里

9、我们需要用到路由功能 所以需要安装vue-router

安装方法:cnpm install vue-router –save

10、需要用到ajax请求,利用vue-resource

安装方法:cnpm install vue-resource–save 安装完成会在package.json中生成版本信息

使用方法如下: 

11、需要用到sass(个人需求),所以安装sass-loader

安装方法:cnpm install sass-loader –save-dev

Pakcage.json文件下回生成sass-loader的版本信息

由于sass-loader是依赖于node-sass所以我们还要安装node-sass

安装方法:cnpm install node-sass –save-dev

另外在团队协作,我们想要每次大家装出来的脚手架都是一样的, 

① 可以在第一次装完所有步骤后的package.json保存下来, 

② 以后其他人在安装之前,用保存好的package.json替换新生成的json, 

③ 然后再npm install

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容