自己搭建一个Vue项目记录

  1. 首先是安装npm,只要安装了node.js就自动安装了npm,可以通过命令行node -v和npm -v 查看node和npm的对应版本。
  2. 创建一个我们项目的文件夹,使用npm init 对项目环境进行初始化,此时项目文件夹中会出现一个package.json 的文件。
  3. 安装webpack 、vue 和vue-loader

npm i webpack vue vue-loader

这里写图片描述
node_modules文件夹即为webpack文件夹。而package.json文件中的依赖关系中已注入vue和vue-loader。安装完之后npm会提醒你有哪些依赖需要安装,如css-loader,npm install vue-template-compiler 等,按照npm提醒安装即可。初始化完成。

{
  "name": "vuetodo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
   "css-loader": "^1.0.0",
    "vue": "^2.5.17",
    "vue-loader": "^15.4.1",
    "webpack": "^4.17.1"
  }
}

你可能感兴趣的:(vue)