Vue.js系列之项目搭建

weixin_30469895

于 2017-07-16 18:11:00 发布

阅读量50

点赞数

CC 4.0 BY-SA版权

文章标签： javascript webpack ViewUI

原文链接：http://www.cnblogs.com/AmbiguousMiao/p/7191268.html

本文详细介绍了使用Vue2.0从零开始搭建项目的全过程，包括安装Node.js、配置cnpm镜像、安装Vue及vue-cli脚手架工具、创建基于Webpack的新项目并运行等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目搭建具体步骤如下：

1.安装node

（中）https://nodejs.org/zh-cn/
（英）https://nodejs.org/en/

2.安装cnpm镜像

（node自带安装了npm，故不再安装）
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
安装模块时安装方法
$ cnpm install [name]

3.快速学习Vue2.0教程

（中）http://cn.vuejs.org/
（英）https://vuejs.org/

4.安装Vue2.0

$ cnpm install vue

5.安装vue-cli 脚手架工具

$ cnpm install --global vue-cli

6.在某个目录下，创建一个基于 webpack 模板的新项目

$ vue init webpack my-project
//my-project是你的项目名

7.安装依赖

$ cd my-project  //到项目目录下
$ cnpm install  //安装依赖

8.运行新创建的vue项目

$ npm run dev

9.如下所示：

转载于:https://www.cnblogs.com/AmbiguousMiao/p/7191268.html