Vue.js系列之项目搭建

Posted 2020-09-28 BadGirl_Xiao

项目搭建具体步骤如下：

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.如下所示：