Vue环境搭建，创建vue2项目 |
您所在的位置：网站首页 › 搭建vue20项目 › Vue环境搭建，创建vue2项目 |
Vue环境搭建，创建vue2项目
|
1. 安装cnpm：
安装cnpm之前需安装node，之后执行： npm install -g cnpm --registry=https://registry.npm.taobao.org 2. 局部安装vue/cli推荐使用局部安装，因为现在vue、vue-cli的版本比较多，每个项目使用的版本很可能不同。 npm init -y ：初始化项目依赖文件package.json cnpm i -D @vue/[email protected] npx vue -V #查看vue-cli的版本 3. 创建工程npx vue create project-one, 选择vue2创建项目
根据输出的提示，进入project-one目录，执行npm run serve即可启动服务。 4. 配置运行npm run serve成功后自动打开浏览器在文件vue.config.js中，加入devServer部分 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { open: true, host: 'localhost' } }) 5. 使用vue ui创建新项目npx vue ui 这是一个网页版的创建vue项目，将命令创建变成页面操作，看起来更加直观 |
【本文地址】
今日新闻 |
推荐新闻 |