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

Vue2.0环境安装

程序员文章站 2022-03-12 10:20:00
...

安装node.js,没有安装的直接点击可以跳转到下载页。

1.安装淘宝镜像,安装后它的命令行工具是 cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 安装 vue

cnpm install vue

3. 安装vue-cli脚手架构建工具

cnpm install --global vue-cli

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

vue init webpack my-project   // 项目的名称不能大写

Project name (my-project) # 项目名称(我的项目)
Project description (A Vue.js project) # 项目描述一个Vue.js 项目
Author 作者(你的名字)
Install vue-router? (Y/n) # 是否安装Vue路由,也就是以后是spa(但页面应用需要的模块)
Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码? (Y [ yes ] / N [ no ])
Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint(使用箭头键)
Setup unit tests with Karma + Mocha? (Y/n) # 设置单元测Karma + Mocha? (Y/ N)
Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试,Nightwatch? (Y/ N)

 5. 安装项目需要的依赖

cd my-project    #先进入项目
cnpm install

6.运行项目

cnpm run dev

7.打包项目

cnpm run build