Vue.js安裝–NPM方法

vue.js安裝 — npm方法

在安裝vue之前先安裝配置node.js。(node.js安裝配置地址：https://www.runoob.com/nodejs/nodejs-install-tup.html)

現在開女生上学可以扎的发型始vue的安裝配置：

1 安裝cnpm

由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 npm 镜像(/d/file/titlepic/nodejs-npm.html 版本需要大于 3.0，如果低于此版本需要升级它：

命令 意思

npm -v 查看版本

cnpm install npm -g 升级 npm

cnpm install vue 安裝vue.js

2 命令行工具

vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。

# 全局安装 vue-cli

$ cnpm install –global vue-cli

# 创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

# 这里需要进行一些配置，默认回车即可

this will install vue 2.x version of the template.

for如火如荼的近义词 vue 1.x u: vue init webpack#1.0 my-带鼠字的成语project

project name my-project

project description a vue.js project

author runoob

vue build standalone

u eslint to lint your code no //(no是關閉代碼規範)

pick an eslint pret standard

tup unit tests with karma + mocha yes

tup e2e tests with nightwatch yes

vue-cli · generated “my-project”.

t赞美美女的句子o get started:

cd my-project

npm install

npm run dev

documentation can be found at https://vuejs-templates.github.io/webpack

3 进入项目，安装并运行

$ cd my-project

$ cnpm install

$ cnpm run dev

done compiled successf丁惟汾ully in 4388ms

> listening at https://localhost:8080

命令 意思

cnpm run dev 或者 npm run dev 啓動vue

4 打開網址 https://localhost:8080