Vue项目的搭建

一、安装node.js

下载 | Node.js 中文网

LTS版本即可

安装完成后打开Windows 命令提示符（cmd.exe）

输入 node -v 查看版本信息，确保正确安装

输入 npm -v 查看版本信息

注：NPM是随同NodeJS一起安装的包管理工具，主要是后面要使用 npm 命令安装模块，所以我们安装node.js

二、 使用淘宝 NPM 镜像

因为国内直接使用 npm 的官方镜像是非常慢的，所以推荐使用淘宝 NPM 镜像。

打开项目文件夹，在地址栏输入cmd命令打开当前路径下的Windows 命令提示符，输入

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

 这样就可以使用 cnpm 命令来安装模块了，cnpm 能很好地和 Webpack 或 Browserify 模块打包器配合使用

输入 cnpm -v 查看版本信息

三、安装 vue-cli

获得Vue.js ，可快速搭建大型单页应用。输入安装命令

cnpm install -g @vue/cli

安装成功后输入 vue -V 查看vue版本

 安装@vue/cli-int

cnpm i -g @vue/cli-init

安装webpack-cli，获得webpack

cnpm install webpack webpack-cli -g

安装成功后输入 webpack -v 查看webpack版本 

 

 四、创建项目

vue init webpack demo

安装过程中需要输入项目名称、描述、作者等信息

? Project name demo    项目名称
? Project description A Vue.js project   描述
? Author ma     作者
? Vue build standalone    直接回车
? Install vue-router? Yes   是否安装vue-router路由，选择Yes
? Use ESLint to lint your code? No    是否启用ESLint 
? Set up unit tests No    是否安装单元测试
? Setup e2e tests with Nightwatch? No    是否安装e2e

选择使用npm还是Yarn 选择npm
? Should we run `npm install` for you after the project has been created? (recommended) npm

 

 五、运行项目

 npm run dev