从零开始搭建vue项目
很多小伙伴可能直接用vue 的脚手架搭建的vue项目,但是对于vue项目具体的结构,依赖等不是很清楚,包括我也不是很清楚,因此我想从零开始搭建一个vue项目。
开始构建
在熟悉node.js构建工具之前,不推荐使用vue-cli进行快速构建,所以我们一步步来构建。
首先,打开我们的编辑器vscode,我们在项目目录下创建package.json文件,设置基本的几个参数。
也可以通过npm init 来创建package.json,想要了解更多package.json,点击这里。
{
"name": "myvue",
"version": "1.0.0",
"script":{
},
"dependencies": {
},
"devDependencies":{
}
}
然后安装vue,将它安装在生产环境。
npm install vue --save
此时package.json就变成了:
{
"name": "myvue",
"version": "1.0.0",
"scripts": {
},
"dependencies": {
"vue": "^2.6.10"
},
"devDependencies": {
}
}
然后我们创建一个index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>myvue</title>
</head>