5.运营项目,下载并设置node

1.安装npm

 

npm 是node.js 的包管理工科具,
安装流程地址:https://docs.npmjs.com/cli/install 
估价会杰出慢,我们得以选拔TaobaoNPM镜像下载安装: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  

相关文章