则评释安装成功,5.运转品种

2.安装vue

 

5.运维项目

安装node.js

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

设置到位之后,打开命令行工具,输入 node
-v,如下图,假使出现相应的本子号,则证实安装成功。

图片 1

 

安装cnpm

在命令行中输入 npm install -g cnpm
–registry=http://registry.npm.taobao.org 然后拭目以俟,安装完结如下图。

图片 2

借使输入cnpm指示不是实惠的下令,则cnpm 安装失利。

假使是Mac OS 系统,需要留意系统权限 最辛亏每一句发号施令前面加上 sudo。

 

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

安装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
提醒输入密码,落成后成功安装。

 

4.安装vue依赖

安装项目所需的看重性

要设置依赖包,首先cd到花色文件夹(project-name文件夹),然后运转命令 cnpm
install ,等待安装。

图片 5

 

设置到位。

 

  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测试  

运作项目

在档次目录中,运转命令 npm run
dev ,会用热加载的艺术运转大家的运用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的听从。

此处大概介绍下 npm run
dev 命令,其中的“run”对应的是package.json文件中,scripts字段中的dev,相当于 node
build/dev-server.js命令的一个飞速格局。

 

图片 6图片 7

 

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

 

 

图片 8

 

那是系列的起首化

1.安装npm

3.创建vue魔板

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

npm 是node.js 的包管理工具,
安装流程地址:https://docs.npmjs.com/cli/install 
估算会要命慢,大家得以采用TaobaoNPM镜像下载安装:https://npm.taobao.org/ 

 

  1. ## 全局安装 vue-cli##  
  2. sudo npm install -g vue-cli  
  1. ##下载倚重##  
  2. sduo npm install  

相关文章