欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue.js安裝--NPM方法

程序员文章站 2023-12-10 23:05:52
vue.js安裝 — npm方法 在安裝vue之前先安裝配置node.js。(node.js安裝配置地址:https://www.runoob.com/nodejs/nodejs-ins...
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