则印证安装成功,5.运作项目

1.安装npm

 

npm 是node.js 的包管理工科具,
安装流程地址:https://docs.npmjs.com/cli/install 
预计会拾壹分慢,大家能够运用天猫NPM镜像下载安装:https://npm.taobao.org/ 

安装node.js

node.js官网下载并安装node,安装进程很简单,一路“下一步”就足以了。

安装达成之后,展开命令行工具,输入 node
-v,如下图,假如出现相应的本子号,则注明安装成功。

图片 1

  1. ##安装npm##  
  2. sudo npm install -g cnpm –registry=https://registry.npm.taobao.org  

安装cnpm

在命令行中输入 npm install -g cnpm
–registry=http://registry.npm.taobao.org 然后静观其变,安装到位如下图。

图片 2

就算输入cnpm提醒不是实用的指令,则cnpm 安装战败。

意气风发经是Mac OS 系统,需求注意系统权限 最棒在每一句从容不迫前边加上 sudo。

 

2.安装vue

安装vue-cli脚手架创设筑工程具

在指令行中运维命令 npm install -g vue-cli ,然后等待安装达成。

因此上述三部,大家供给未雨筹划的情形和工具都希图好了,接下去就起来运用vue-cli来构建项目。

 

找到多少个等级次序目录,在指令行中运转命令 vue init webpack project-name
。解释一下那个命令,那么些命令的意思是初阶化多个连串,此中webpack是创设筑工程具,也正是成套项目是依赖webpack的。当中project-name是整套项目文件夹的名号,那个文件夹会自动生成在您钦定的目录中,如下图。

图片 3

解释一下各样难点是怎么意思:

Project name :项目名称

Project description 项目描述

Author 作者

Install vue-router?是不是安装vue路由组件,选择是,因为此项目会用到

Use ESLint to lint your code ? 是还是不是采用eslint来检查测量试验代码风格,否。

Setup unit tests with Karma+Mocha? 是或不是安装测量检验,否。

Setup e2e tests with Nightwatch?单元测量试验?否。

 

 

可共同回车。

 

说一下Mac OS大概会遇上的权杖难点 vue init webpack project-name

图片 4

晋升 未有权力,不可能访谈。

那儿使用 sudo vue init webpack project-name
提示输入密码,完毕后打响安装。

 

  1. ## 全局安装 vue-cli##  
  2. sudo npm install -g vue-cli  

安装项目所需的重视性

要设置正视包,首先cd到品种文件夹(project-name文件夹),然后运维命令 cnpm
install ,等待安装。

图片 5

 

设置到位。

 

3.创建vue魔板

运营品种

在品种目录中,运维命令 npm run
dev ,会用热加载的法子运转我们的使用,热加载能够让大家在更改完代码后并不是手动刷新浏览器就能够实时看见修改后的成效。

此处大致介绍下 npm run
dev 命令,当中的“run”对应的是package.json文件中,scripts字段中的dev,也正是 node
build/dev-server.js命令的四个急忙情势。

 

图片 6图片 7

 

展开浏览器输入http://localhost:8080即可看到

 

 

图片 8

 

那是项指标伊始化

  1. ## 创立三个依据 “webpack” 模板的新品类  
  2. sudo vue init webpack my-project  
  3.   
  4. ? Project name 项目名  
  5. ? Project description 项目名描述  
  6. ? Author 作者邮箱  
  7. ? Use ESLint to lint your code? 是不是须求ESlist语法检查  
  8. ? Setup unit tests with Karma + Mocha? 是或不是须求单元测验  
  9. ? Setup e2e tests with Nightwatch? Yes是或不是必要e2e测验  

 

4.安装vue依赖

 

  1. ##下载依赖##  
  2. sduo npm install  

5.运维项目

  1. ##运行vue##  
  2. sudo npm run dev