则印证安装成功,5.周转品种

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

安装cnpm

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

图片 1

只要输入cnpm提醒不是实用的吩咐,则cnpm 安装失利。

设假诺Mac OS 系统,要求注意系统权限 最幸亏每一句发号施令前边加上 sudo。

 

4.安装vue依赖

安装vue-cli脚手架营造筑工程具

在命令行中运营命令 npm install -g vue-cli ,然后等待安装实现。

透过上述三部,大家须求准备的环境和工具都准备好了,接下去就从头选择vue-cli来创设项目。

 

找到四个品种目录,在指令行中运营命令 vue init webpack project-name
。解释一下那些命令,那一个命令的情致是初步化一个种类,在那之中webpack是构建筑工程具,也正是一切项目是基于webpack的。在那之中project-name是全体项目文件夹的称号,那么些文件夹会自动生成在你钦命的目录中,如下图。

图片 2

解释一下各种难题是如何看头:

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

图片 3

升迁 没有权限,不可能访问。

此刻使用 sudo vue init webpack project-name
提醒输入密码,完成后成功安装。

 

  1. ##下载重视##  
  2. sduo npm install  

安装项目所需的依赖性

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

图片 4

 

设置到位。

 

 

 

2.安装vue

运转品种

在品种目录中,运营命令 npm run
dev ,会用热加载的不二法门运转大家的选取,热加载能够让大家在修改完代码后不要手动刷新浏览器就能实时看到修改后的法力。

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

 

图片 5图片 6

 

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

 

 

图片 7

 

那是项指标初步化

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

安装node.js

node.js官网下载并设置node,安装进程非常的粗略,一路“下一步”就足以了。

安装实现未来,打开命令行工具,输入 node
-v,如下图,假使出现相应的版本号,则印证安装成功。

图片 8

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

5.运转品种

1.安装npm

 

  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 是node.js 的包管理工科具,
安装流程地址:https://docs.npmjs.com/cli/install 
推断会很慢,大家得以应用TaobaoNPM镜像下载安装:https://npm.taobao.org/ 

3.创建vue魔板

相关文章