Vuejs2.0 cnpm 安装脚手架项目模板

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

    

  服务启动成功后浏览器会默认打开一个“欢迎页面”,如下图:

时间: 2024-07-30 01:34:52

Vuejs2.0 cnpm 安装脚手架项目模板的相关文章

在VisualStudio2013,2015中如何安装自定义项目模板

For example, I want to install EP prj template: AxWebProject.zip Copy AxWebProject.zip zip file into this folder C:\Program Files\Microsoft Visual Studio 9.0\Common7\IDE\ProjectTemplates\Web\CSharp\1033 Extract this zip file into one folder, and rena

VS自定义项目模板:[3]创建自定义模板

VS2013(VS2010等版本也适用,均需安装Visual Studio SDK) 如何创建自定义模板 1 创建一个C# Project Template项目. 2 项目模板中主要包含4种文件: ●代码文件(可删除),通过模板创建的项目直接包含这些文件. ●自定义项目模板的图标(可删除). ●自定义模板的项目文件,通过模板创建的项目的项目文件. ●模板文件vstemplate,很重要,通过模板创建项目时,通过这个文件来生成项目的. 模板文件的生成操作(Build Action)为VSTempl

使用vue-cli脚手架安装和webpack-simple模板项目生成

Vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目. GitHub地址是:https://github.com/vuejs/vue-cli 一.安装Nodejs首先需要安装Node环境. 安装完成之后,可以在命令行工具中输入node -v和npm -v,如果能显示出版本号,就说明安装成功. 二.安装vue-cli 安装好node之后,我们就可以直接全局安装vue-cli: npm install -g vue-cli 使用这种方式可能会安装

DotNetBar for Windows Forms 12.9.0.0_冰河之刃重打包版及制作Visual Studio C#项目模板文件详解

关于 DotNetBar for Windows Forms 12.9.0.0_冰河之刃重打包版 --------------------11.8.0.8_冰河之刃重打包版---------------------------------------------------------基于 官方原版的安装包 + http://www.cnblogs.com/tracky 提供的补丁DLL制作而成.安装之后,直接就可以用了.省心省事.不必再单独的打一次补丁包了.本安装包和补丁包一样都删除了官方自带

Cookiecutter: 更好的项目模板工具:(2)安装及基础使用

安装 通过python包管理工具 命令行输入 $pip install cookiecutter 或者 # mac os经常会禁止用户全局安装python包 $pip install --user cookiecutter 如果使用的是anaconda,想使用conda安装,可以 $conda config --add channels conda-forge $conda install cookiecutter 特别提醒:要保证Python在你的系统PATH路径下,同时保证bin目录在你的系

Vuejs2.0构建一个彩票查询WebAPP(1)

说明:本人也是刚接触VUE.js,作为一个学习笔记,旨在与初学者共同学习.其中编程语法错误或者写作水平刺眼,还望轻喷. 使用工具:Visual Studio Code.技术栈为vue2+vuex+axios+vue-router+mintUI 备注:Vue.js开发环境的搭建,参见window下搭建Vue.Js开发环境 一,构建项目脚手架 在我的工作区下输入vue init webpack Lottery,会自动构建项目脚手架 进入项目Lottery中输入cnpm install进行库安装 此外

从零构建vue项目(一)--搭建node环境,拉取项目模板

本文是基于vuecli2搭建的项目. 1. 下载安装nodejs     地址:https://nodejs.org/en/download/ 选择安装版windows .msi, 不要选择压缩版 下载完成后,下一步-->下一步-->安装完成 npm:  node pageage mangemen node.js的包管理器, 集成到node.js中了. 验证node是否安装成功: 打开命令行(windows)或终端(mac),在命令行(终端)中输入: node -v 如果提示出版本信息则说明n

Vue安装及项目介绍

目录 创建Vue项目 环境安装 创建项目 pycharm打开Vue项目 项目目录介绍 入口文件(main.js) 路由配置(router.js ) 组件 前台路由的基本工作流程 目录结构 根组件(App.vue) 页面组件(PageFirst.vue) 小组件(Nav.vue) 配置全局样式文件 目录结构 global.css main.js 组件生命周期钩子 概念 案例 路由的重定向 router.js 创建Vue项目 环境安装 第一步:安装node ? 从node官网下载node安装包---

Vuejs2.0之异步跨域请求

Vuejs由1.0更新到了2.0版本.HTTP请求官方也从推荐使用Vue-Resoure变为了axios.接下来我们来简单地用axios进行一下异步请求.(阅读本文作者默认读者具有使用npm命令的能力,以及具备ES6的能力,以及等等...) 首先我们来安装Vue-Cli开发模板(这个模板可以快速生成vuejs的运行配置环境,可以使新手快速免除配置搭建出运行界面),这里我使用cnpm命令 打开命令窗口: cnpm install -g vue-cli 等待片刻,即可安装完毕. 然后新建一个Vuej