龙空技术网

nodejs搭建vue环境

可爱的程序猿 103

前言:

今天小伙伴们对“nodejs运行vue”大体比较珍视,咱们都想要分析一些“nodejs运行vue”的相关知识。那么小编在网摘上汇集了一些关于“nodejs运行vue””的相关资讯,希望你们能喜欢,姐妹们快快来了解一下吧!

首先下载node.js安装并且配置好环境变量。

去nodejs官网下载即可,地址:中文网

前提要安装 以下:

1)安装npm淘宝镜像 cnpm

npm install -g cnpm --registry=

2)cnpm 安装webpack

cnpm install webpack -g

3)安装vue脚手架

cnpm install vue-cli -g

1、在文件目录下新建文件夹,命名为vuetest(名字自定义不做限制啊,只是一个目录方便管理)。

windows用户的话,直接进入该文件夹之后点击上方,点击地址栏输入cmd然后回车,就直接用cmd进去改目录下。

在命令行输入 vue init webpack (这里输入你的项目名字)

下面我解释命令之后的东西

?Project name test -----------项目名字叫test

? Project description A Vue.js project -----这是一个vue项目

? Author jh --------------作者叫jh

? Vue build standalone

? Install vue-router? Yes ------------是否安装路由(这里不安装的话也可以进去后手动安装,一般默认安装y)

? Use ESLint to lint your code? No -------是否使用ESLint 模式(这是严格模式会比较麻烦,新手建议不用,毕竟影响不大)

? Set up unit tests Yes -------- 是否设置单元测试,看需求,一般使用

? Pick a test runner jest

? Setup e2e tests with Nightwatch? Yes ----nightwatch实现vue应用e2e测试

等待一会儿就等下载完之后就好了,如果下载过程中有问题使用cnpm install 一下

之后进去刚刚新建的vue项目的根目录下面,输入npm run dev 之后就运行了

直接访问

一个vue项目就新建完成了

标签: #nodejs运行vue