Windows下搭建Vue脚手架CLI
Vue CLI的使用依赖Node.js,先按照Node.js环境。
//安装环境
C:\Users\16779>npm install --global vue-cli npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen) [ .................] | fetchMetadata: sill resolveWithNewModule decompress-tarbz2@4.1.1 check[ .................] - fetc[ .................] / fetchMetadata: sill resolveWithNewModule os-tm[ .................] | fetchMetadata: sill resolveWC:\Users\16779\AppData\Roaming\npm\vue-init -> C:\Users\16779\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init C:\Users\16779\AppData\Roaming\npm\vue -> C:\Users\16779\AppData\Roaming\npm\node_modules\vue-cli\bin\vue C:\Users\16779\AppData\Roaming\npm\vue-list -> C:\Users\16779\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-list + vue-cli@2.9.6 added 239 packages from 206 contributors in 116.305s
//安装好后查看版本 C:\Users\16779>vue --version 2.9.6
//切换到你想要保存项目的路径 C:\Users\16779>E: E:\>cd HBuilder E:\HBuilder>cd Vue
//初始化项目 E:\HBuilder\Vue>vue init webpack vue-playlist
//初始化配置 'git' �����ڲ����ⲿ���Ҳ���ǿ����еij��� ���������ļ��� ? Project name vue-playlist ? Project description Vue ? Author lwj ? Vue build standalone ? Install vue-router? No ? Use ESLint to lint your code? No ? Set up unit tests No ? Setup e2e tests with Nightwatch? No ? Should we run `npm install` for you after the project has been created? (recommended) npm vue-cli · Generated "vue-playlist". //选择安装(等待下载) # Installing project dependencies ... # ======================== npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. npm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixes and new features! npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. > uglifyjs-webpack-plugin@0.4.6 postinstall E:\HBuilder\Vue\vue-playlist\node_modules\webpack\node_modules\uglifyjs-webpack-plugin > node lib/post_install.js npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) added 1126 packages from 647 contributors and audited 10641 packages in 229.663s found 2 vulnerabilities (1 moderate, 1 high) run `npm audit fix` to fix them, or `npm audit` for details # Project initialization finished! # ======================== To get started: cd vue-playlist npm run dev Documentation can be found at https://vuejs-templates.github.io/webpack //切换到项目安装路径 E:\HBuilder\Vue>cd vue-playlist //运行 E:\HBuilder\Vue\vue-playlist>npm run dev > vue-playlist@1.0.0 dev E:\HBuilder\Vue\vue-playlist > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 95% emitting DONE Compiled successfully in 3636ms 15:53:00 //访问路径 I Your application is running here: http://localhost:8080
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人