一、安装node环境
点击链接,在官网下载。https://nodejs.org/zh-cn/download/
在cmd中检测版本:输入命令
node -v
- 在安装node的同时会安装一个npm
- npm:Node Package Manager,即node包管理器。解决NodeJS代码部署上的很多问题。
在cmd中检测版本:输入命令npm -v
二、用vue-cil 搭建项目
- 安装vue-cil :
npm install -g vue-cli
vue-cil :Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。 - 使用命令开始初始化创建自己的项目了.
vue init webpack test
? Project name (exprice) ---------------------项目名称
? Project description (A Vue.js project)-----------项目描述
? Author Datura --------------------- 项目创建者
? Install vue-router? Yes
? Use ESLint to lint your code? (Y/n) no ---------------------是否启用eslint检测规则,这里个人建议选no
? Setup unit tests with Karma + Mocha? (Y/n) no
? Setup e2e tests with Nightwatch? (Y/n) no
-
按照上述步骤,桌面会有一个test文件夹,里面有以下内容:
- 进入项目文件,运行项目:
npm run dev
在浏览器中打开 http://localhost:8080 就能看到了。