vue学习笔记

通常，使用 Vue CLI（Vue 的命令行工具）来创建 Vue.js 项目会自动生成 package.json 文件。如果你没有使用 Vue CLI 或者其他类似工具，那么可能需要手动创建这个文件。

以下是一些建议的步骤，帮助你解决这个问题：

1. 确认你使用的是 Vue CLI：确保你使用的是 Vue CLI 来创建项目。你可以通过运行 vue --version 来检查 Vue CLI 是否已经安装以及安装的版本。

2. 使用 Vue CLI 创建项目：如果你还没有使用 Vue CLI 创建项目，请按照以下步骤操作：

npm install -g @vue/cli  
vue create my-project

1. 这将会创建一个名为 my-project 的新 Vue.js 项目，并自动生成 package.json 文件。

2. 手动创建 package.json 文件：如果你出于某种原因无法使用 Vue CLI，你可以手动创建一个 package.json 文件。在项目的根目录下，使用文本编辑器创建一个名为 package.json 的新文件，并添加以下内容：

{  
  "name": "my-vue-project",  
  "version": "1.0.0",  
  "description": "My Vue.js project",  
  "author": "Your Name",  
  "private": true,  
  "scripts": {  
    "serve": "vue-cli-service serve",  
    "build": "vue-cli-service build",  
    "lint": "vue-cli-service lint"  
  },  
  "dependencies": {  
    "vue": "^2.6.11"  
  },  
  "devDependencies": {  
    "@vue/cli-plugin-babel": "~4.5.0",  
    "@vue/cli-plugin-eslint": "~4.5.0",  
    "@vue/cli-service": "~4.5.0",  
    "vue-template-compiler": "^2.6.11",  
    "eslint": "^6.7.2",  
    "eslint-plugin-vue": "^6.2.2",  
    "babel-eslint": "^10.1.0"  
  }  
}

安装依赖：一旦你有了 package.json 文件，你可以使用 npm install 命令来安装列在 dependencies 和 devDependencies 中的依赖项。

 

webstorm创建vue.js项目后，

打开命令行或终端，然后使用 cd 命令来切换到你的项目目录。如果 my-project 在你当前的工作目录下，那么只需输入：

cd my-project

如果 my-project 不在当前目录下，你需要提供完整的路径

在切换到项目目录后，你可以运行以下命令来启动 Vue.js 的开发服务器：

npm run serve

这将会启动一个热重载的开发服务器，通常会在 localhost:8080（或类似地址）上运行。你的浏览器会自动打开一个窗口或标签页，显示 Vue.js 应用的初始页面。

如果一切顺利，你应该能看到 Vue 的欢迎页面，以及一个控制台输出，显示开发服务器正在运行。