1.安装nodejs
百度搜索nodejs的英文官网,选择合适版本、合适操作系统的安装包下载
下载完成后next–>next安装成功
2.验证是否安装成功
打开命令行(mac 终端)
在命名行(终端)输入 node -v 命令
如果显示node版本则表示安装成
3.安装淘宝镜像
在命令行(windows系统)输入:
npm install -g cnpm –registry=https://registry.npm.taobao.org
在终端(mac系统)输入:
sudo npm install -g cnpm –registry=https://registry.npm.taobao.org
回车后,如果安装完成则
在命令行(终端)中输入 cnpm -v 查看是否有版本提示,如果有则表示镜像安装成功
安装成功后,以后的npm install 用 cnpm install 代替,速度比npm install快
4.安装vue脚手架 vue-cli
在命令行(windows系统)输入:
cnpm install -g vue-cli
在终端(mac系统)输入:
sudo cnpm install -g vue-cli
(-g表示全局安装)
回车后,如果安装完成则
在命令行(终端)中输入 vue 查看vue命令是否有效,如果有效则表示安装成功
5.拉取项目模板
在你的磁盘上新建一个文件夹,任意命名
通过ls命令(列出当前文件夹下的所有目录)、cd(进入到指定的文件夹下)、cd ../(回到上一级目录结构)
进入到刚刚新建的文件夹下
在该文件夹下的终端输入 vue init webpack my-project
(webpack表示模版名称,还有其他的模版,my-project是任意命名的项目名称)
回车后就进行项目结构的拉取
6.进入到上面的项目目录结构(具有package.json文件的文件夹下),打开终端
在终端中输入sudo cnpm install
(扩展:以后要频繁在某个指定的文件夹下打开终端,所以需要配置mac系统
打开系统偏好设置—>键盘—->快捷键—–>选中服务(左侧)—->勾选中右边”新建于文件夹位置的终端”
然后在finder中找到你自己的文件夹,选中该文件夹右击,弹出的右击菜单列表中最后一项是服务—>新建于文件位置的终端,
点击该选项就可以快速在该文件夹位置打开终端
)
7.运行项目,在项目所在的文件夹下打开终端
在终端输入npm run dev 运行项目