vue框架的搭建

vue框架的搭建

1、在本地计算机已安装好nodejs的情况下搭建
2、修改npm的默认安装路径，在cmd情况下输入指令npm config ls查看配置，找到npm的默认路径，并删除。
3、在任何目录下创建两个文件夹node_cache(新增的缓存)和node_global_moudles（新增的全局）。
4、打开命令符，输入指令npm config set prefix “node_global_moudles文件的路径”和npm config set cache “node_cache文件的路径”。
5、配置系统变量：打开计算机属性里的高级系统设置，找到环境变量,增加系统变量，如图所示：

修改path的路径：增加nodejs的路径和node_global_moudles的路径。
6、修改默认源：npm get registry 获取现在的默认，npm源
npm config set registry http://registry.npm.taobao.org/ 修改为淘宝镜像源
7、安装脚手架到node_config_moudles:指令： npm i -g @vue/cli
8、安装框架代码vue create xxx（项目名称）
9、进入项目中运行指令 npm run serve。