| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> vue-cli(vue)项目的安装及开启 -> 正文阅读 |
|
[JavaScript知识库]vue-cli(vue)项目的安装及开启 |
1.安装需要的环境及vue-cli: 【node.js】 官方:http://nodejs.cn/download/ 下载安装; 命令行输入:node -v,检查是否安装成功; 【npm】 官网安装node.js后,就已经自带npm; 命令行输入:npm -v,检查是否安装成功; 【cnpm】 命令行输入:npm install -g cnpm --registry=https://registry.npm.taobao.org 命令行输入:cnpm -v,检查是否安装成功; 【webpack】 命令行输入:cnpm install webpack -g 命令行输入:webpack -v,检查是否安装成功; 【vue-cli】 命令行输入:cnpm install vue-cli -g 命令行输入:vue -V,检查是否安装成功; 2.新建并初始化一个vue项目 【myvue】 新建一个文件夹myvue,放置vue项目 【init项目】 命令行进入myvue上一级目录,输入:vue init webpack myvue 【初始化配置选择】 ? Target directory exists. Continue? (Y/n) y ——找到目标目录,是否继续? y ? Project name (myvue) —— 项目名(默认文件名) ? Project description (A Vue.js project) ——项目描述(默认) ? Author wwb——项目作者 ? Vue build (Use arrow keys) ——创建方式(选默认第一个) > Runtime + Compiler: recommended for most users Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - re nder functions are required elsewhere ? Install vue-router? (Y/n)y —— 安装路由? y ? Use ESLint to lint your code? (Y/n)n ——使用eslint检测规则?n ? Set up unit tests (Y/n)n —— 安装单元测试?n ? Setup e2e tests with Nightwatch?n (Y/n) ——安装e2e测?n ? Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys) ——项目创建后运行“npm install”?(选默认第一个即可) > Yes, use NPM Yes, use Yarn No, I will handle that myself 【初始化完成】 To get started: cd myvue npm run dev Documentation can be found at https://vuejs-templates.github.io/webpack 【运行项目】 命令行输入:cd myvue 命令行输入:npm run dev 【启动成功】 ? ? 【可能的报错】 "Cannot find module 'webpack/bin/config-yargs" 【解决办法】 命令行输入:npm install webpack-cli -D 命令行输入:npm update 命令行输入:npm run dev |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/23 9:49:19- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |