一、安装vue.js
- 下载node.js, 并安装。下载地址:https://nodejs.org/en/download/
- 在cmd窗口中输入node -v, 若能出现版本号, 表名安装成功
- Vue.js的安装。 使用npm安装,npm(Node Package Manager)是随同nodejs一起安装的包管理工具, 能解决nodejs代码部署上的许多问题
由于npm的服务器在国外,所以国内推荐使用淘宝的镜像来安装,命令是cnpm.
打开cmd命令框,输入npm install -g cnpm –registry=https://registry.npm.taobao.org
即可。
安装完国内淘宝镜像后,便可以开始安装vue.js了。 在cmd命令框中输入cnpm install vue
即可。
二、脚手架的安装
- 安装vue-cli。在cmd命令窗口输入
cnpm install -g vue-cli
- 在任意地方新建文件夹,例如VueTest。
打开cmd窗口进入到该文件夹下,并输入vue list
,便可以看到列出了所有可使用的模板。
输入vue
,便可以看到命令描述。
输入vue init webpack test
命令安装。安装选项选择自己需要的即可,其中ESLint为ES6的代码风格检查器, 这时看到安装完模板后给出了用法(绿框内),并且路径C:\Users\dell\VueTest多了一个test文件
-
在cmd命令窗口中进入test文件夹。输入
cd test
。并安装依赖cnpm install
。然后启动npm run dev
。
这时便可以在浏览器中输入http:<ip>:8080查看。
-
项目文件描述
1、2 webpack配置相关,比如在config中的index.js可以配置端口号,这里不做详细描述
3 安装的依赖代码库
4 项目中所有的源码在这里
5 第三方静态资源
6 通过这个文件将ES6编译成ES5的(有些浏览器不支持ES6)
7 编辑器的相关配置
8 忽略ES语法检查的目录文件
9 eslintrc相关配置,比如debug配置
10 git提交时忽略的文件目录
11 关于CSS转换的文件
12 项目入口文件
13 项目依赖文件、配置文件
14 项目描述文件