社区微信群开通啦,扫一扫抢先加入社区官方微信群
社区微信群
Vue的开发必须是通过脚手架开发
作用是:辅助我们完成vue项目的搭建以及开发
搭建脚手架需要几个命令行工具
没有配置过这些命令的电脑 第一次上来需要进行各种安装配置,配置过的 就以后直接使用。
npm命令、 cnpm命令、 vue命令;
npm命令是国外的 所以我们安装完 直接使用会有一些网速比较卡的情况。
所谓npm
(Node Package Manager
)命令是专门从国外的一个npm网站上下载各种第三方的一个工具命令。
但是npm
下载的服务器在国外 有的时候有些卡 所以还有一个命令叫cnpm(淘宝镜像)
通过npm
/cnpm
就可以下载安装Vue
命令 这样也就完成了我们开发Vue
的脚手架搭建。
拿到新电脑第一次配置环境要做的步骤(以前没有配置过环境):
nodejs
官网下载node.exe
官网地址:https://nodejs.org/zh-cn/
node-v8.9.4-x64.msi
右键—安装 纯英文目录!next
下一步即可 finish
完成后 没有界面!!win+R
打开cmd
输入 npm
回车,出来一堆英文 没有表示命令不存在 就表示安装成功!由于npm命令 下载是走的国外网站,某些时候会很慢 所以中国团队推出了一个"淘宝镜像" 号称国外网站上线的十分钟之内,淘宝镜像同步上线。命令是cnpm
, npm
命令怎么用 cnpm
命令就怎么用。
cmd
输入命令: npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm
回车 出现一堆非 error的英文表示安装成功cmd
输入命令 npm
或者cnpm install vue-cli -g
vue
脚手架命令(vue
命令)vue 空格 -V
注意 空格 和 V大写 如果出现版本号 表示安装成功上面的安装时第一次电脑配置环境 不需要每天操作!
新创建一个vue项目
时要做的步骤:(cmd要管理员身份运行)
切换到新创建vue项目的这个目录:d:
2. cd 文件夹的路径
回车vue-init webpack 自己起一个英文的项目名称(名称纯小写英文开头的名字)
? Project name (myfirst)
当前项目的名称 括号为默认 直接 回车 表示选择默认? Project description (A Vue.js project)
项目描述 直接 回车? Author
项目作者 直接 回车? Install vue-router? (Y/n)
是否安装 vue-router
输入 Y 回车 必须安装? Use ESLint to lint your code? (Y/n)
严格模式的格式检查 不安装 输入 n 回车? Set up unit tests (Y/n)
是否安装单元测试 输入 n 回车? Setup e2e tests with Nightwatch? (Y/n)
是否安装端对端测试 不安装 输入 n 回车---------------------------------------------------------
Yes, use NPM
使用npm自动安装依赖(第三方库)Yes, use Yarn
使用yarn 自动安装依赖No, I will handle that myself
我自己手动操作npm
太慢 所以选择第三个 回车---------------------------------------------------------
cd 到指定路径( cd myfirst)
回车npm install
回车npm run dev
回车 启动vue
项目如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!