小白之路—vue项目搭建(1)
1、首先,得有给电脑,京东天猫实体店买。
2、然后,打开电脑安装nodejs,
从 —— [ node官网]
下载并安装node,安装步骤一步一步来。
安装完成后,打开命令行工具输入命令node -v,如果出现对应版本号,就说明安装成功了。
3、点击进入 【推荐】 —— [ 淘宝的cnpm网站]
,里面有详细的配置方法。
或者直接在命令行输入:
$ npm install -g cnpm –registry=https://registry.npm.taobao.org
然后等待,安装完成。
输入cnpm -v,可以查看当前cnpm版本
4、全局安装webpack
$ cnpm install webpack -g
5、安装vue 和 vue-cli
$ cnpm install vue
6、全局安装 vue-cli
cnpm install –global vue-cli
7、用脚手架创建项目
vue init webpack my-admin-element
8、进入创建的文件夹my-admin-element,下载依赖
cd my-admin-element
cnpm i
9、 打开项目的config里的index.js文件,把该项目的默认运行打开
10、运行项目
npm run dev
然后就能看到项目打开了。下图所示