【安装 - 参见官网】
# 使用npm在命令行安装最新稳定版
# npm install vue
【vue - 模块化开发新项目环境搭建】
1.全局安装webpack
# npm install webpack -g
2.全局安装vue脚手架
# npm install -g @vue/cli-init
3.初始化vue项目
# 新建项目文件夹:vue-demo
# cd vue-demo
# vue脚手架使用webpack模板初始化一个 ${app_name} 项目,比如:app_name=vue-demo
# vue init webpack vue-demo
? Project name vue-demo
? Project description A Vue.js project
? Author jack
? Vue build standalone
? Install vue-router? Yes
? 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-demo".
# Installing project dependencies ...
# ========================
[ .........] / reify:autoprefixer: timing reify:loadBundles Completed in 0ms
added 1262 packages in 1m
# Project initialization finished! -- 表示初始化成功
# ========================
To get started:
cd vue-demo
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack
4.启动vue项目
项目的package.json中有scripts,代表我们能运行的命令
# 启动项目: npm start = npm run dev
# npm run dev
5.访问: http://localhost:8080
原文地址:https://blog.csdn.net/qq_19783793/article/details/114274140
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。