小白之路—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
小白之路—vue项目搭建(1)

8、进入创建的文件夹my-admin-element,下载依赖

cd my-admin-element
cnpm i

9、 打开项目的config里的index.js文件,把该项目的默认运行打开
小白之路—vue项目搭建(1)

10、运行项目

npm run dev
然后就能看到项目打开了。下图所示
小白之路—vue项目搭建(1)

暂时就更新到这里,小白第一次写博客。。