创建一个Vue项目 (完整步骤)

发布时间:2026/7/4 10:01:33
创建一个Vue项目 (完整步骤) 创建一个Vue项目(完整步骤)一、安装Node环境下载地址:https://nodejs.org/en/ 安装过程 https://www.cnblogs.com/pyjblog/articles/14349231.html为了提高我们的效率可以使用淘宝的镜像http://npm.taobao.org/输入npm install-g cnpm –registryhttps://registry.npm.taobao.org 即可安装npm镜像以后再用到npm的地方直接用cnpm来代替就好了。检查是否安装成功输入 cnpm -v二、搭建Vue环境1、全局安装vue-cli输入npm install--global vue-cli 或 cnpm install--global vue-cli(cnpm 安装环境和依赖包会更快 推荐使用cnpm)2、进入你要创建vue项目的目录下进行项目创建输入vue init webpack vuedemovuedemo 就是你创建的项目名称 可自定Project name项目名称 自己输入 Project description项目描述 自己输入 Author项目作者 自己输入 Vue build打包方式回车即可 Install vue-router是否要安装 vue-router项目中肯定要使用到 所以Y回车 Use ESLint to lint your code是否需要 js 语法检测 目前我们不需要 所以 n 回车 Set up unit tests是否安装 单元测试工具 目前我们不需要 所以 n 回车 Setup e2e testswithNightwatch是否需要 端到端测试工具 目前我们不需要 所以 n 回车 新版需要选择运行依赖安装方式选择第三个 方便不费时 Should we runnpm installforyou after the project has been created?(recommended)Yes,useNPMYes,use YarnNo,Iwill handle that myself3、进入项目安装依赖进入到项目路径下,进行依赖安装输入 cnpm i 或cnpm install 如未安装淘宝镜像 请输入 npm i 或npm install安装依赖后的文件夹后多了一个node_modules文件夹输入 npm run dev启动项目输入http://localhost:8080访问vue项目