Vuejs2.0 cnpm 安装脚手架项目模板
2017-11-22 15:22
330 查看
NPM 方法
因为npm 安装速度慢,所以我们可以使用淘宝的镜像cnpm再安装之前 我们需要先安装nodejs 因为vue框架也是基于nodeljs
下载地址:http://nodejs.cn/download/
1 . 安装淘宝镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
2 . 最新稳定版 vue
cnpm install vue
3 . 全局安装 vue-cli
cnpm install --global vue-cli
4 . 创建一个基于 webpack 模板的新项目
本身集成很多项目模板:
simple 个人觉得一点用都没有
webpack 可以使用(大型项目)
Eslint 检查代码规范,
单元测试
webpack-simple 个人推荐使用, 没有代码检查 √
browserify -> 自己看
browserify-simple
vue init webpack my-project
安装注意的地方 是否需要语法检查 根据你自己的需求定 个人强烈建议不需要
创建完后目录结构
目录介绍
启动项目,进入项目根目录
输入:npm run dev
服务启动成功后浏览器会默认打开一个“欢迎页面”,如下图:
相关文章推荐
- SCSF 系列:Smart Client Software Factory 简介、安装及通过模板新建项目
- 在VisualStudio2013,2015中如何安装自定义项目模板
- 项目模板与项模板的安装程序总结
- 今天早上,更新了npm,在启动项目,各种报错,无奈,百度了下,只需要将项目下:node-models删掉,重新cnpm install就可以了,要是还有报错,就按照提示信息,一步步安装所需就可以了
- 项目的CodeSmith的模板在VS2008的安装
- cnpm及vue的脚手架工具安装
- 如何 Xcode 开发工具里安装一个空的项目末模板
- 自定义maven项目模板-脚手架
- 在VisualStudio2013,2015中如何安装自定义项目模板
- 已安装vue后,建立vue项目脚手架
- 01.Django学习之安装,建立项目,传参,MySQL数据库,静态文件配置和模板的使用
- VS 2005 安装Asp.net Ajax扩展后项目模板丢失问题的解决
- SCSF 系列:Smart Client Software Factory 简介、安装及通过模板新建项目
- SCSF 系列:Smart Client Software Factory 简介、安装及通过模板新建项目
- 安装Visual Studio Tools for Office以针对SharePoint工作流项目模板进行开发
- VS2008安装WTL项目模板
- 安装 cocos2d Xcode 项目模板
- VS 2005 安装Asp.net Ajax扩展后项目模板丢失问题的解决
- 使用vue-cli创建项目(包含npm和cnpm的安装nodejs的安装)
- vue cli脚手架工具安装以及搭建vue项目