Vue.js安裝--NPM方法

vue.js安裝 — npm方法

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

現在開始vue的安裝配置：

1 安裝cnpm

由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 npm 镜像(https://www.runoob.com/nodejs/nodejs-npm.html#taobaonpm)。

npm 版本需要大于 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 use: vue init webpack#1.0 my-project

project name my-project

project description a vue.js project

author runoob

vue build standalone

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

pick an eslint preset standard

setup unit tests with karma + mocha yes

setup e2e tests with nightwatch yes

vue-cli · generated "my-project".

to 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 successfully in 4388ms

> listening at https://localhost:8080

命令 意思

cnpm run dev 或者 npm run dev 啓動vue

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